es6 一些新的語法與用法

1： let新的方式定義變數 相比於之前的var宣告變數 有兩個好處 1.1 ： 之前用var 定義變數 只有函式才會起到作用域的左右 在{ } 物件這樣的作用域裡面不起左右 而用let則會在{ } 裡面也會開啟一個作用域 1.2 ： 沒有變數的提升

2: const 定義常量 （常量一旦宣告 不可重新賦值） 2.1 : 也沒有變數的提升 2.2 ：在定義常量的時候 必須初始化賦值 否則會報錯 const a console.log(a); // undefine const b = 10; console(b) // 10

3: 解構賦值 意思就是把某個物件的屬性 “解放”出來 然後就可以直接當做變數來使用 3.1 ： 例如我宣告一個物件 const person = { name : ‘zs’, age : 17, gender : ‘男孩子’ }

現在我就可以直接使用我這些變量了 console.log(name) // zs 注意： 我這裡是用常量定義的 這些變數不可重新賦值 如果需要重新賦值，可以使用 var 或者 let 定義變數

4：字串的擴充套件 4.1 : 模板字串用來拼接字串 舉個例子 ： 我這裡定義一個物件 想把物件的值賦給表格裡面去 如果用傳統的字串拼接的方式 會很麻煩 也不利於維護程式碼 只是瞭解一下把 因為我們真正的看法用到ajax 有template 用簡介語法會比這個更加方便

4.2 : 兩個方法 用來判斷是否是以某某字元開頭或者結尾 我們之前如果需要判斷的話 一般是用indexOf 來判斷 返回的是數字 在es6中新增了兩個方法 startsWith() 與 endsWith() // 注意 後面有個s 沒看清的話很容易犯錯 方法裡面的值填寫需要判斷的字串 返回的結果是bool值 這樣的結果相比返回數字更加的直觀 用 “舒服”兩個字來表達也不為過 直接上個簡單的例子元 let str = ‘javaScript’; console.log(str.startsWith(‘java’)) // true 我寫個java是不是有點點… console.log(str.endsWith(‘pt’)) // true

好啦 暫時就先更到這裡 … 如果有在長沙的小夥伴 喜歡鑽研新的技術可以互相交流交流