箭头函数表达式和声名式函数表达式的区别以及 Function.prototype的bind, apply，call方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

箭头函数不能用做构造函数

箭头函数没有arguments参数

箭头函数没有自己的this，是从作用域链上取this，是与箭头函数定义的位置有关的，与执行时谁调用无关，所以用call,apply，bind去调用箭头函数时，第一个参数会被忽略。非箭头函数是在函数调用时，在当前执行上下文里动态的取this。

Function.prototype的bind, apply，call方法：

apply，call和bind都为改变this的指向，利用这一点可以用它们来实现继承

function objFun() {
this.age = 18;
console.log(this)
};const obj = {name:'example'};
const bindFun= objFun.bind(obj);
bindFun();//{age:18, name: 'examle'}

apply用于不知道参数具体个数的情况下，参数的个数是固定值时，用call.

bind有别于以上两者的是，它不会立即的执行，它只是一个绑定，即提前为该函数指定this指向和预设参数。

用bind来实现偏函数, 在 bind时可以预设初始参数。在后继调用时，会将预设参数加到参数列表前面，再执行目的函数。

function objFun(name, age, address) {
this.name = name;
this.age = age;
this.address = address; console.log(this)
};const obj = {name:'example'};
const bindFun= objFun.bind(obj, obj.name);
bindFun(18, 'China'); // 第一个参数name被预设为example，而且不可改变。即后继执行多少次bindFun，name值都为exapmle

bind可以配合setTimeout使用，可以使this指向类实例。使用window.setTimeout时会将this指向window。当需要this指向实例对象时，需要将this做为bind的参数来用于setTimeout内的回调函数上。

function F() {this.name = 'example';}F.prototype.show = function() {setTimeout( console.log.bind(console, this.name), 1000);

或者 setTimeout( Function.prototype.bind.call(console.log, console, this.name), 1000);

} const f = new F(); f.show();

setTimeout的第一个参数为回调函数，即函数的声名。如果不是函数，而是一行代码的话，比如 console.log(1), 会报和eval()一样的安全风险.

bind还可用于apply和call方法,来实现快捷调用

Array.prototype.slice.apply([1,2,3]) <=> const slice = Function.prototype.apply.bind(Array.prototype.slice); slice([1,2,3]) // slice的参数不固定，所有bind apply方法

const map = Function.prototype.call.bind(Array.prototype.map, [1,2,3]); //数据的map方法就两个参数，所以此处bind call方法map(i => console.log(i))
map(i=> i * 2)
map(i => `我是${i}`)

Function.protoType.call.bind/ Function.protoType.bind.call/Function.protoType.apply.call/Function.protoType.apply.bind以及ES6的Reflect.apply

1 Function.protoType.call.bind

绑定call这个函数

var unboundSlice = Array.prototype.slice;
var slice = Function.prototype.call.bind(unboundSlice);function list() {
return slice(arguments);
}var list1 = list(1, 2, 3); // [1, 2, 3]