怎么修改Vue.js this的指向

这篇文章主要讲解了“怎么修改Vue.js this的指向”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么修改Vue.js this的指向”吧！修改 this 的指向可通过 apply、call、bind 这三个函数中的任意一个实现。那这三个函数是谁的方法呢?在 MDN 中我查到了：这张图说明了这 3 个函数是 Function prototype 的方法，也就是说「每个函数都有着三个方法」。当定义一个函数，这个函数默认包含这三个方法。我们感受一下 Vue.js 中关于 apply、call 和 bind 的使用：apply 的应用：call 的应用：bind的应用：你可能看不懂上面的用法，下面我们一一抛开谜底。当一个新事物的出现，总是有目的的，那么 apply、call 和 bind 的出现是为了解决什么问题呢?它们为什么是函数的方法呢?为什么不是其它对象的方法。通过 apply、call 可以自定义 this 调用某个函数，比如定义一个全局函数(严格模式)：这个函数可以通过下面 5 种方式调用，也就是说通过 apply、call、bind 可以调用一个函数 F，其中「函数 F 执行上下文中的 this 可以在调用时指定」：1.直接调用：2.通过 this 调用：3.通过 apply 调用，把所有的参数组合成一个数组作为 apply 的参数：4.通过 call 调用，参数通过逗号分割，这是与 apply 调用的区别：5.通过 bind 调用，会返回一个原函数的拷贝，并拥有指定的 this和参数：我们一起看一些例子：例1、setTimeOut 的使用：上面这段代码执行后，第 6 行代码的打印结果是 NaN，在连接你、我、他 —— this 这节课程中我们有提到过 this 设计的一个免费云主机、域名弊端是不能继承。其实可以通过 bind 改造一下这个函数：函数 timeInvoke 通过 bind 绑定 this，并返回一个新的函数，执行结果为 2。bind 好像具有「暂存」的功能，把当前的 this 暂存起来。例 2、函数调用执行上面代码会报错，因为 showName 中的 this 为 undefined：可以通过 bind 「暂存 this」：例 3、构造函数，通过 call 来调用某个函数，替换 this。例 4、调用匿名函数结果为：感谢各位的阅读，以上就是“怎么修改Vue.js this的指向”的内容了，经过本文的学习后，相信大家对怎么修改Vue.js this的指向这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是云技术，小编将为大家推送更多相关知识点的文章，欢迎关注！

相关推荐: jQuery如何使用匈牙利命名法

这篇文章主要为大家展示了“jQuery如何使用匈牙利命名法”，内容简而易懂，条免费云主机、域名理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery如何使用匈牙利命名法”这篇文章吧。使用匈牙利命名法在变量前加$前缀，便于识别出jQ…