call apply bind 在没疑问

**This is our only chance.

机不可失，把握今朝**

• call、apply 、bind

• 第一个参数是修改后this的指向,写谁指向谁,第二个参数是传的值,call以散落的形式传递,

• apply传递的是一个数组,bind需要一个括号来调用

• //为什么平时我们在写代码用到的好像很少呢?其实我们一直在用这种编程思想,vue的

• //源码中清一色的都是this指向 继承…

写几个小粒子，必须搞懂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，与它们之间的区别，好好看看

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可免费领取！

化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可免费领取！

[外链图片转存中…(img-k1Xavc31-1713472034885)]

[外链图片转存中…(img-wXl9Mo5i-1713472034885)]