call apply bind 在没疑问

写几个小粒子，必须搞懂this指向 call 、apply、bind

---

let obj = {

    name: '小二'

};

let pox = {

    name: '小红',

    run: function() {

        console.log(this.name);

    }

}

pox.run();

// 修改this指向

pox.run.bind(obj)();

pox.run.call(obj);

pox.run.apply(obj);

/**

 * 小红

 * 小二

 * 小二

 * 小二

 */

• es5接受多个参数我们都知道arguments， 也可以使用es6 rest剩余参数

• arguments是一个类数组集合， 没有数组的一些方法， ES6 引入 rest 参数（ 形式为…变量名） 用于获取函数的所有剩余参数， 是一个数组， 它接受剩余参数 所以rest参数之后不能再有其他参数， 否则会报错但是我们使用es5的数组方法怎么用， 简单借用数组方法，

function foo() {

console.log(arguments);

}

foo(1, 2, 3, 4, 5, 6)

借用显示原型数组方法实现

---

function foo() {

console.log(arguments);

//Array.prototype 是数组原型有数组方法，

//通过修改arguments指向，push一个数据，是不是一种很好的办法,上面说过传的第一个值是

//修改后的this指向目标，（写谁指向谁）

Array.prototype.push.call(arguments, 7)

}

foo(1, 2, 3, 4, 5, 6)

 利用隐式原型 __proto_实现

---

此粒子既练习了arguments，也练习了修改this，与它们之间的区别，好好看看

• 1 当然 所有对象都有prototype显示原型，它里面还有隐式原型__proto__,

• 2 __proto__隐式原型指向prototype显示原型，因为它们是引用数据，如果是

• 浅拷贝则互相影响，深拷贝则在内存中重新开辟地址互不影响，单纯指向，浅                 拷贝 所 以相等

• __proto_ === prototype

function foo() {

console.log(arguments);

// Array.prototype.push.call(arguments, 7)

//1 当然 所有对象都有prototype显示原型，它里面还有隐式原型__proto__,

//2 __proto__隐式原型指向prototype显示原型，因为它们是引用数据，如果是

//3 浅拷贝则互相影响，深拷贝则在内存中重新开辟地址互不影响，单纯指向，浅拷贝所以相等

//4 _proto === prototype

[].proto.push.bind(arguments)(888, 999)

}

foo(1, 2, 3, 4, 5, 6)