ES6新特性①

ES6新特性①

文章目录

​​let 关键字​​​​const 关键字​​​​变量的解构赋值​​​​模板字符串​​​​简化对象写法​​​​箭头函数​​

let 关键字

const 关键字

变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。

使用场景：频繁使用对象方法、数组元素，就可以使用解构赋值形式

数组解构使用中括号 对象解构使用大括号

例如：

//数组的解构赋值const arr = ['zxy', 'ldh', 'lm', 'gfc'];let [zhang, liu, li, guo] = arr;//对象的解构赋值const lin = { name: 'lzy', tags: ['cs', 'gs', '小旋风', '演员']};let {name, tags} = lin;//2. 对象的解构 // const zhao = { // name: 'zbs', // age: '不详', // xiaopin: function(){ // console.log("我可以演小品"); // } // }; // let {name, age, xiaopin} = zhao; // console.log(name); // console.log(age); // console.log(xiaopin); // xiaopin(); let {xiaopin} = zhao; xiaopin(); //复杂解构let wangfei = { name: 'wf', age: 18, songs: ['红豆', '流年', '暧昧', '传奇'], history: [ {name: 'dw'}, {name: 'lyp'}, {name: 'xtf'} ]};let {songs: [one, two, three], history: [first, second, third]} = wangfei;

模板字符串

模板字符串（template string）是增强版的字符串，用反引号（`）标识，特点：

字符串中可以出现换行符可以使用 ${xxx} 形式输出变量

例如：

简化对象写法

ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这 样的书写更加简洁。

注意：对象简写形式简化了代码，所以以后用简写就对了

例如：

箭头函数

ES6 允许使用「箭头」（=>）定义函数。 通用写法：

let fn = (arg1, arg2,) => { return arg1 + arg2 + arg3;}

箭头函数的注意点:

注意：箭头函数适合与 this 无关的回调. 定时器, 数组的方法回调 箭头函数不适合与 this 有关的回调. 事件回调, 对象的方法

例如：

应用：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。