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