1 屬性的簡寫表示法:
先舉個(gè)例子:
image.png
表明在es6中垫卤,允許只使用屬性名穴肘,不寫屬性值舔痕。這時(shí)候?qū)傩灾稻偷扔趯傩悦麑?duì)應(yīng)的變量豹缀。
let Person = {
name: 'zhangsan',
birth, // birth: birth
hello() { // hello: function () ......
console.log('我的名字是', this.name)
}
}
這種簡寫在平時(shí)寫的vue中到處都是
如:
image.png
這里的路由router就很好理解了慨代,就等同于:
router: router
2 rest參數(shù)和擴(kuò)展運(yùn)算符的使用,都是...
區(qū)別: 主要看...后面的是要被賦值還是已經(jīng)有值然后賦值給別的變量或者對(duì)象鱼响。
let {a, ...z} = {
a: 1,
b: 2,
c: 3
}
console.log(z) // rest參數(shù)组底,后面是待賦值的變量
let arr = {
a: 1,
b: 2
}
let temp = { ...arr }
console.log(temp) // 擴(kuò)展運(yùn)算符 丈积,后面是已經(jīng)初始化的對(duì)象
rest參數(shù): 從一個(gè)對(duì)象取值债鸡,相當(dāng)于將所有可遍歷但尚未被讀取的屬性,分配到指定的對(duì)象上厌均,所有的鍵都會(huì)被賦值到新對(duì)象上。
擴(kuò)展運(yùn)算符: 取出參數(shù)對(duì)象的所有的可遍歷屬性棺弊,復(fù)制到當(dāng)前對(duì)象中
3 for ... in . ... 會(huì)遍歷到原型對(duì)象上的屬性,但是終極原型比如Object模她,Array等等,他們的length屬性侈净,toString()方法,可以通過可枚舉屬性enumerable為false來規(guī)避掉for..in這種操作元扔。
遍歷屬性時(shí)旋膳,盡量還是用object.keys()方法,返回一個(gè)數(shù)組
image.png
for..of 用于遍歷數(shù)組