ホームページ  >  記事  >  ウェブフロントエンド  >  es6 でバッククォートは何に使用されますか?

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

WBOY
WBOYオリジナル
2022-03-30 18:05:592139ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。