es6 でバッククォートは何に使用されますか?

WBOY
リリース: 2022-03-30 18:08:55
オリジナル
2087 人が閲覧しました

es6 のバックティックの機能: 1. 変数の解析に使用され、構文は "`${変数名}`" です; 2. 改行の実装に使用され、構文は "`複数行コード`" です; 3. メソッドの呼び出しに使用され、構文は「`${メソッド名()}`」です。

es6 でバッククォートは何に使用されますか?

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 のバックティックは何に使用されますか?

1. 変数を解析できます

var name = `张三`
var sayHello = `Hello,我的名字叫${name}`
console.log(sayHello)
ログイン後にコピー

出力結果:

es6 でバッククォートは何に使用されますか?

2. 行

let obj = {
             name: 'zs',
             age: 18
          }
let html = `
             <div>
                 <span>${obj.name}</span>
                 <span>${obj.age}</span>
             </div>
            `
console.log(html)
ログイン後にコピー

を折り返すことができます。出力結果は次のとおりです:

es6 でバッククォートは何に使用されますか?

3. 関数

const fn=()=>{ return &#39;我是fn函数&#39; }
let html = `我是模板字符串${fn()}`
console.log(html)
ログイン後にコピー
を呼び出すことができます。

出力結果は次のとおりです:

es6 でバッククォートは何に使用されますか?

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

以上がes6 でバッククォートは何に使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!