ECMAScript6（ES6）基础语法，linux 基础及应用教程第二版

结果：

对象解构，person 对象：

在对象中，可以直接写变量，属性名为变量名, 属性值为变量的值，方法也可以直接写

let person = {

name:"zhangsan",

age:20

}

// 解构表达式获取值

const {name,age} = person;

// 打印

console.log(name);

console.log(age);

如过想要用其它变量接收，需要额外指定别名：{ name : n } :ame是person中的属性名，冒号后面的n是解构后要赋值给的变量。

函数优化

ES6 中我们可以使用"箭头"（=>）定义函数：var f = v => v，箭头左侧是参数，右侧是函数要执行的代码，如果要执行的代码只有一

【一线大厂Java面试题解析+核心总结学习笔记+最新架构讲解视频+实战项目源码讲义】
浏览器打开：qq.cn.hn/FTf 免费领取

条语句，这条语句的运行结果就是函数的返回值：

//原来的方式：

/*let fun2 = function (i){

console.log(i);

}*/

let fun2 = i => console.log(i);

fun2(100);

如果箭头函数的代码块部分多于一条语句，就必须使用大括号将它们括起来：

// 两个参数的情况：

/*let fun3 = function (i , j) {

const z =i+j;

console.log(z);

}*/

let fun3 = (i,j) => {

const z=i+j;

console.log(z);

}

fun3(100,200);

对象的函数属性简写：

<script>

const person ={

name: "zhangsan",

//以前

eat1: function (food) {

console.log(this.name + " 吃了" +food);

},

//箭头版

eat2: food => console.log(person.name + "吃了" + food),

//简写版

eat3(food){

console.log(this.name + "吃了" + food);

}

}

person.eat1("早餐");

person.eat2("午餐");

person.eat3("晚餐");

const p = {

name: "lisi",

age: 30

}

//箭头函数结合解构表达式

const fun4 = pp => console.log(pp.name);

//箭头函数和解构表达式

const fun5 = ({age}) => console.log(age);

fun4(p);

fun5(p);

</script>

在 ES6 以前，我们无法给一个函数参数设置默认值，只能采用变通写法：

<script>

function fun1(a,b) {

if(!b){

b=1;

}

console.log(a/b);

}

fun1(10);

</script>

而在 ES6 中，我们可以直接给函数参数设置默认值：

<script>

function fun1(a,b = 2) {

console.log(a/b);

}

fun1(10);

fun1(10,5);

</script>

数组扩展

ES6 给数组新增了许多方法：

• find(callback)：数组实例的 find 方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为 true 的成员，然后返回该成员。如果没有符合条件的成员，则返回 undefined。

• findIndex(callback)：数组实例的 findIndex 方法的用法与 find 方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。

• includes(数组元素)：与 find 类似，如果匹配到元素，则返回 true，代表找到了。

map 和 reduce

数组中新增了 map 和 reduce 方法。

map

map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。

举例：有一个数组中的数都乘 10

let arr = ['7','8','9'];

console.log(arr)

const brr = arr.map(a => a*10);

console.log(brr)