JavaScript 中 call()、apply()、bind() 的用法

约定不等于承诺〃 2023-02-17 01:15 14阅读 0赞

https://www.runoob.com/w3cnote/js-call-apply-bind.html  
[添加链接描述][Link 1]  
JavaScript 中 call()、apply()、bind() 的用法  
分类 编程技术

先看明白下面：

例 1

obj.objAge; // 17  
obj.myFun() // 小张年龄 undefined  
例 2

shows() // 盲僧　  
比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；

1，call()、apply()、bind() 都是用来重定义 this 这个对象的！

如：

obj.myFun.call(db)；　　　　// 德玛年龄 99  
obj.myFun.apply(db);　　　 // 德玛年龄 99  
obj.myFun.bind(db)();　　　// 德玛年龄 99  
以上出了 bind 方法后面多了个 () 外 ，结果返回都一致！

由此得出结论，bind 返回的是一个新的函数，你必须调用它才会被执行。

2，对比call 、bind 、 apply 传参情况下

obj.myFun.call(db,‘成都’,‘上海’)；　　　　 // 德玛 年龄 99 来自 成都去往上海  
obj.myFun.apply(db,\[‘成都’,‘上海’\]); // 德玛 年龄 99 来自 成都去往上海  
obj.myFun.bind(db,‘成都’,‘上海’)(); // 德玛 年龄 99 来自 成都去往上海  
obj.myFun.bind(db,\[‘成都’,‘上海’\])();　　 // 德玛 年龄 99 来自 成都, 上海去往 undefined　　  
微妙的差距！

从上面四个结果不难看出:

call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了：

call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,‘成都’, … ,‘string’ )。

apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,\[‘成都’, …, ‘string’ \])。

bind 除了返回是函数以外，它 的参数和 call 一样。

当然，三者的参数不限定是 string 类型，允许是各种类型，包括函数 、 object 等等！

原文地址：https://www.cnblogs.com/Shd-Study/p/6560808.html

[Link 1]: https://www.runoob.com/w3cnote/js-call-apply-bind.html

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 中的prompt 用法

alert() 弹出个提示框（确定） confirm() 弹出个确认框（确定，取消） prompt() 弹出个输入框让你输入东西样例：四...

拼搏现实的明天。/ 2024年04月17日 05:35/ 0 赞/ 101 阅读

相关 javascript中的prompt（）用法

prompt()为弹出提示框的方法，在网页中比较常见，下面演示其用法。 <p id='demo'>点击按钮弹出对话框</p> <button onClick="myFun

布满荆棘的人生/ 2022年08月20日 15:10/ 0 赞/ 211 阅读

相关 javascript 中的phototype用法

JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法

﹏ヽ暗。殇╰゛Y/ 2022年08月19日 11:06/ 0 赞/ 222 阅读

相关 javascript中foreach的用法

其实在js中没有foreach关键字，只不过是通过for in来实现，如下代码： \[javascript\] [view plain][] [copy][view p

- 日理万妓/ 2022年07月13日 00:51/ 0 赞/ 268 阅读

相关 javascript中的define用法

文章目录 1. AMD的由来 2. AMD是什么 3. AMD实例：如何定义一个模块 4. 匿名模块 5. 仅有一个参数的define

以你之姓@/ 2022年06月08日 03:13/ 0 赞/ 240 阅读

相关 javascript中change事件的用法

change 事件被<input>, <select>, 和<textarea> 元素触发。 //触发情况 1.<input type="ra

痛定思痛。/ 2022年06月06日 06:15/ 0 赞/ 1815 阅读

相关 javascript中replace的基本用法

replace方法的定义[戳这里][Link 1] 下面给出几种基本用法的例子： 1. 替换唯一字符串（极少用到）： let test = "123liqing

浅浅的花香味﹌/ 2022年05月31日 09:55/ 0 赞/ 294 阅读

相关 JavaScript中 with的用法

> 文章是本人大三期间的学习笔记，一些论断取自书籍和网上博客，碍于当时的技术水平有一些写得不够好的地方，可以在评论处理智讨论~ 说起js中的with关键字，很多小伙伴们的第一

叁歲伎倆/ 2022年05月28日 02:49/ 0 赞/ 278 阅读

相关 JavaScript中Math的用法

《一》 Math 对象用于执行数学任务。 Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。 ![70][] 使用 M

Dear 丶/ 2022年05月15日 01:45/ 0 赞/ 289 阅读

相关 javascript中filter的用法

filter filter也是一个常用的操作，它用于把`Array`的某些元素过滤掉，然后返回剩下的元素。和`map()`类似，`Array`的`filter()`也接收

Myth丶恋晨/ 2022年05月14日 06:35/ 0 赞/ 283 阅读