1. 程式人生 > >javascript es6新語法

javascript es6新語法

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

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