例如
const books=
我們不能直接對books重新賦值,卻可以通過
books.id =
2
這種方法修改內部的值。
es5:books:function()
es6: books()
const banana=yellow
在es6中,可以用``定義字串,tap鍵上面那個點
es5中是用』』 「」 單引號雙引號定義,但壞處是換行麻煩
而在es6中用``定義 可以直接換行
定義函式的方式
1.通過 function(){} 定義
2.通過物件字面量中定義
const aaa =
;bbb()
}
3.通過箭頭函式定義
const aaa=(
)=>
3.1 當有兩個引數的時候
const aaa
=(num1,num2)
=>
3.2 當只有乙個引數的時候,小括號可以被省略
const aaa
= num =>
當有多行**時:
const add=(
)=>
而當只要一行**時,可以把括號省掉
const bbb=(
)=> console.
log(『1234124』)
或者
const aaa
=(num1,num2)
=> num1+num2
4.箭頭函式的this指向問題
箭頭函式自身沒有this,它會去一層一層去尋找外層作用域的this,直到找到this
//什麼時候用promise? 一般情況下是有非同步操作時,使用promise對這個非同步操作進行封裝
// 1.promise是乙個類,所以使用時要用new
// 2.promise裡需要傳入乙個引數,這個引數是乙個函式
// 3.作為引數的這個函式中,也有兩個引數,這兩個引數也是函式,分別是resolve,reject,分別代表成功時和失敗時呼叫
// 4.接著在裡面寫非同步請求**,這裡用settimeout代替
// 這就是鏈式程式設計
newpromise
((resolve,reject)
=>
,1000)}
).then
((data)
=>).
catch
((err)
=>
)<
/script>
//第一種寫法 直接在then中new乙個新的promise,進行新一層**
// new promise((resolve,reject)=>, 1000);
// }).then((res)=>)
// }).then((res)=>)
// }).then((res)=>)
//第二種寫法 將new省略,直接寫promise.resolve()方法進行資料操作
// new promise((resolve,reject)=>, 1000);
// }).then((res)=>).then((res)=>).then((res)=>)
//第三種寫法 連promise.resolve()都不要了,直接return進行的操作
newpromise
((resolve,reject)
=>
,1000);
}).then
((res)
=>).
then
((res)
=>).
then
((res)
=>
)<
/script>
//當我們需要兩個請求都成功時才能執行某些流程時,我們可以使用promise.all()方法,all()裡需要傳入乙個陣列的引數,
//陣列中便是我們的多個非同步請求,只有當這些非同步請求都成功時,才會呼叫.then方法執行資料的操作
promise.
all(
[//注意:這裡的引數是個陣列
newpromise
((resolve,reject)
=>)}
,2000);
}),new
promise
((resolve,reject)
=>)}
,1000);
})])
.then
(results=>
)<
/script>
var obj=
如果想把物件中的屬性取出來
常規寫法:
const name = obj.name
const age = obj.age
const height = obj. height
es6物件的解構賦值
const
= obj
解析物件的構造,進行賦值,這樣只需要一行**,裡面的順序是隨意的
在es6中,可以使用class建立乙個類
class
person
如果要在裡面新增乙個物件,需要使用constructor(){}構造器構造乙個物件
class
person
}
接著就可以通過new乙個例項來使用這個類了
const p =
newperson
("xiaoming",14
)console.
log(p.name,p.age)
;
es6常用知識點總結
1.定義變數的方式 let 1 沒有變數提公升 var具有變數提公升 即在當前作用域的最上面定義這個變數 但不賦值 例 console.log x var x 20 顯示undefined console.log m let m 100 報錯 2 let不可以重複宣告 例 var x 10 var ...
es6 中一些常見的新知識點
1,箭頭函式,基本語法 箭頭函式的this是固定的,會繫結定義時所在的作用域,而不是指向執行時所在的作用域,箭頭函式中的this繼承外層函式呼叫的this。箭頭函式有幾個使用注意點。1 函式體內的this物件,就是定義時所在的物件,而不是使用時所在的物件。2 不可以當作建構函式,也就是說,不可以使用...
ES6知識點總結(一)
es6知識點總結 一 是對賦值運算子的擴充套件,一種針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值 變數的解構賦值實用性很強,使用場景很多 1.交換賦值 2.函式引數的定義 3.函式引數的預設值 4.從函式返回多個值 5.提取json資料 6.遍歷map結構 陣列解構 物件解構 字串解構 數...