ES6对函数的扩展函数蛮多的，不过常用的估计也就是默认值和箭头函数了。
函数参数默认值：
估计很多人都这样用过默认值：
var a = 10;
var b = a || 1
正常情况下没有问题，但是要是a是0或者是false等会被转换成Boolean类型false的时候就会出错。ES6对参数的默认值允许直接设置：
function fn(x = 10, y = 20) {
console.log(x);
console.log(y);
}
fn()// 10 20
参数默认值相当于你考虑了没有参数的情况，没有参数也不会报错。要注意的是参数变量不能用let或者const再次声明，不允许同名。参数默认值位置是不能跳过的，想要跳过默认想要传undefined，null无效。还有一点，没有默传参情况下才会赋值：
function fn(x = (function () {
console.log('执行');
})(), y = 20) {
}
fn()//执行fn(10)
参数默认值和解构赋值配合使用：
function fn({x = 10, y = 20} = {}) {
console.log(x);
console.log(y);
}
fn()//10 20
fn({x: 30, y: 40})//30 40
Length属性：
简单说就是参数个数：
function fn(a, b, c) {}
console.log(fn.length);//3
有默认值的时候，这个length只会计算最后面有默认值之前的参数个数：
function fn(a = 0, b, c) {}
console.log(fn.length);//0
function fn(a, b = 0, c) {}
console.log(fn.length);//1
function fn(a, b, c = 0) {}
console.log(fn.length);//2
function fn(a = 0, b = 0, c) {}
console.log(fn.length);//0
函数参数作用域：
设置函数参数默认值的时候，参数会形成一个单独的作用域，初始化接收作用域消失。注意，只有设置默认值的时候才会。
var a = 1;function fn(a, b = a) {
console.log(a);
}
fn(10)//10
形成一个作用域，b指向了参数里面的a
var a = 1;
function fn(b = a) {
var a = 10;
console.log(b);
}
fn()//1
形成作用域，a没有找到就向外寻找，找到全局的a。
Rest参数：
函数有一个arguments参数，我们可以用数组的方法去获取内容，但是arguments不是数组，用不了数组的方法。Rest参数其实就是用扩展运算符把参数变成一个数组：
function fn(...val) {
console.log(val);
}
fn(1, 2, 3)//[1, 2, 3]
严格模式：
ES5之后可以函数内部使用严格模式，ES6只要使用了默认值、解构赋值、或者扩展运算符就不能使用
function fn() {
'use strict'
}
Name属性：
ES6对name有一些调整，优先函数名字，其次函数变量的名字，Function构造函数会返回anonymous，通过bind改变this的会加bound
function fn() {}
console.log(fn.name);//fn
var fn = function () {}
console.log(fn.name);//fn
var fn = function ffn() {}
console.log(fn.name);//ffn
console.log((new Function).name);//anonymous
function fn() {}
console.log(fn.bind({}).name);//bound fn
箭头函数：
这应该不用多说了，现在几乎都使用箭头函数，之前也有分享过箭头函数的一些内容。
双冒号运算符：
双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象，作为上下文环境（即this对象），绑定到右边的函数上面。这好像目前是一个提案，我试着写了写，运行报错。
尾调用优化：
尾调用是被忽略的，所以单独分享了一篇尾调用优化的，可以查看。
函数参数尾逗号：
我们函数不管是调用还是定义的时候，都不会在参数最后面加个逗号，ES2017才开始允许加逗号不报错：
function fn(a, b,) {
console.log(a);
console.log(b);
}
fn(10, 20,)
Coding 个人笔记
image
网友评论