字面量增强,解构赋值

116 阅读2分钟

字面量的增强的写法

image.png

我们可以这样来写,当名称相同的时候,可以简写了,这种是属性的简写方法是一种赋值

的语法糖

对象函数的增强语法

foo:function() {

}

在es6可以使用方法的简写方式

bar() {

}

绑定一个箭头函数

这里的箭头函数不绑定this,是通过上层作用域中的this来决定的,在这里上层作用域

里面就是window了

如果是一个箭头函数的话就不能这样使用了

this 是一个空的[],调用的时候进行绑定,这里如果不确定key叫什么名字

computed 计算属性

在这里是计算属性名

[name + '123'] : 123

这个就是es6的字面量的增强

在class 里面也支持这样的一种语法

es6 的一种方法,从数组或者是对象中方便获取数据中的方法,称之为数组的结构

image.png

从里面拿到很多的方式

将es6的代码转换成es5的代码会有很多的转换

image.png

进行解构的时候如果没有结构出来的话,可以给解构的值默认值

如果这里是一个对象的话

是根据key,进行依次的赋值

对于顺序是没有关系的

这里不是根据顺序来进行赋值的,而是通过key键值来进行赋值的

只解构出来一个key值也是可以的

image.png

这里可以改变名字的,将解构出来的name进行重新的命名,比如说命名keyName,使用的

时候也是使用新的名字,如果在这里没有解构出来的话可以给它一个默认的初始值

image.png

如果传进来是一个参数,就会进行解构

解构赋值会让我们在开发中的效率更加的高一点,在这里接收一个叫做info的名字

将obj的name传入进来

image.png

对于函数中的解构赋值

vuex 状态管理工具,在这里都是非常的简单的

从不确定的对象里面取里面的内容,如果这里没有的话会赋值一个

默认值