JavaScript高级——解构赋值（数组，对象解构）+箭头函数

解构赋值

ES6中允许从数组中提取值，按照队形位置，对变量赋值，对象也可以实现解构

数组解构

   

如果解构不成功，变量的值为undefined

对象解构

箭头函数

ES6中新增的定义函数的方式

（ ）=> { }

const fn = （ ）=> { }

1. 函数体只有一句代码，且代码的执行结果就是返回值，可以省略大括号

//传统方式
function sum (num1 ,num2){
    return num1+num2
}
//剪头函数
const sum = (num1,num2) => num1 + num2

2.如果形参只有一个，可以省略小括号

//传统方式
function fn(v){
    return v;
}
//剪头函数
const fn = v => v;

3.箭头函数不绑定this关键字，箭头函数中的this ，指向的是函数定义位置的上下文this

会输出两次obj

箭头函数面试题

问： 下列代码 会弹出的什么？

答：弹出是 undefind。

解释：箭头函数不绑定this关键字，箭头函数中的this ，指向的是函数定义位置的上下文this。

所以该题的this指向的是window 但是window没有age属性 ，所以是undefind。