es6 string template 字串模板

2021-09-25 05:06:00 字數 607 閱讀 2042

字串模板(template string)解決了拼html的痛苦，沒有字串模板前，需要這麼寫

var myname = "itsme";


var html = "";


console.log(html);
大量的轉義字元、+號，很容易拼錯而且不容易排查。為了解決這個問題，es6推出字串模板，字串模板以``引用，變數使用 $表示，這下簡潔多了吧。

var myname = "itsme";


var html = ``;


console.log(html);
來點更複雜的，巢狀字串模板，這種情況在三目運算子中經常出現，比如

var myname = "itsme";


var anothername="yes,its me";


var html = `$`:'notme'}`;


console.log(html); //hello,yes,its me
簡單來說，要想在$中使用$，就要使用嵌入字串模板。

ES6系列 ES6簡介

2015年6月17日，ecmascript的第六個版本正式發布，該版本正式名稱為ecmascript 2015，但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js，如果想用在瀏覽器中，就需要使用轉碼器 將es6 轉成es5 這意味著，可以用es6...

ES6 ES6標準let和const語句

es6 新增了let命令，用來宣告變數。它的用法類似於var，但是所宣告的變數，只在let命令所在的 塊內有效。a referenceerror a is not defined.b 1 上面 在 塊之中，分別用let和var宣告了兩個變數。然後在 塊之外呼叫這兩個變數，結果let宣告的變數報錯，v...

ES6 ES7 ES8語法總結

es6 1.var let const let,const具有塊級作用域，不具有變數提公升 const 用於不能被重新賦值的變數 2.箭頭函式 我們經常要給 函式給乙個父級的this 常用辦法就是 var self this 定義乙個變數接住他 使用 箭頭函式，this 將不會受到影響,可以直接用t...