JavaScript 中 call()、apply()、bind() 的用法与区别--笔记

最新推荐文章于 2023-08-16 09:49:42 发布
原创 最新推荐文章于 2023-08-16 09:49:42 发布 · 255 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文详细阐述了JavaScript中call(), apply(), bind()三个核心函数的使用方法与应用场景，通过实例帮助读者深入理解这三个函数的区别与联系，是前端开发者进阶必备的知识点。
coderwhy前端课程笔记|javascript教程-5|继承，对象函数的原型，原型链|手写call,apply函数，手写bind函数，原型链类，继承
VAN
04-15 82
函数原型对象回顾functionfoonameagelogthis// 1.对象中的某些属性和方法是来自Function.prototypefunctiontest// foo当做一个对象, 获取apply方法// 2.在Function.prototype中添加的属性和方法, 可以被所有的函数获取FunctionloglogFunctionbarfunctionlogbarbar</
javascript中call()、apply()、bind()的用法终于理解
acoolgiser的博客
10-29 365
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows() // 盲僧　 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；...
javascript中call()、apply()、bind()的用法与异同
weixin_43867717的博客
09-04 207
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例 1 var name = '小王', age = 17; var obj = { name: '小张', objAge: this.age, myFun: function() { console.log(this.name + "年龄" + this.age) } } obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 var fav = '盲僧';
JavaScript 中 apply(), call(), bind()的用法和区别
曹曹的博客
03-06 181
定义 首先ECMAScript 中的函数是对象，因此有属性和方法。每个函数都有两个属性：length 和 prototype。而apply(), call(), bind() 就是每个函数都有的三个方法。apply()和 call()。这两个方法都会以指定的 this 值来调用函数，即会设 置调用函数时函数体内 this 对象的值。其中bind()是在ECMAScript 5 出于同样的目的定义了的一个新方法。 apply() apply()方法接收两个参数：函数内 this 的值和一个参数数 组。第二个参
JavaScript中call(),apply()和bind()的用法和区别
王跃坤的博客
04-11 911
目录先说结论先搞两个对象callapplybind 先说结论 call、apply 和 bind 的作用都是改变函数的 this 的指向 其中 call 和 apply 的区别在于它们传参的方式不同 call可以传多个形参，而apply只能传一个数组形参 而bind和call、apply的区别在于bind不会立即调用，而是返回一个函数对象 先搞两个对象 首先创造一个对象Alice， 这个对象有Name属性， 和一个 输出今日消费金额的函数outConsume(morning,afternoon,evenin
javascript中call()、apply()、bind()的用法
_EL
07-10 320
引例 //例1 var name = '张三', age = 18; var obj = { name:'李四', objAge: this.age, //注意这行代码 F:function(){ console.log( this.name , this.age , this.objAge); } } obj.objAge //18 obj.F(); // 李四 undefi...
Javascript高级程序设计---笔记归类.pdf
11-13
通过构造函数创建对象，通过原型链实现继承，使用call()、apply()或bind()方法改变函数的上下文，以及利用new关键字创建实例，都是JavaScript中实现面向对象编程的关键技术。 总之，这份笔记归类详尽地梳理了...
JavaScript中this用法学习笔记
12-08
JavaScript中的`this`关键字是许多开发者在学习过程中遇到的一个难点，因为它的行为并不是根据函数定义的位置来决定，而是根据函数的调用方式。在本文中，我们将深入探讨`this`的四种主要绑定规则：默认绑定、隐式...
JavaScript中this的学习笔记及用法整理
11-21
箭头函数的特性意味着`call()`、`apply()`和`bind()`等方法无法改变箭头函数的`this`值。同时，由于`this`在词法层面被确定，严格模式对`this`的影响也较小。 3. **构造函数与`new`关键字**： 当使用`new`关键字...
JavaScript 中 call()、apply()、bind() 的用法
qq_35371821的博客
05-14 222
在JavaScript中，bind、call和apply作用是一样的，都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部this的指向。 1.call()、apply()、bind() 都是用来重定向 this 例如 let obj={ name:'刘枫', age:'25', _fun:function(){ console.log(this.name+'年龄'+this.age); } } let objx={ name:'
浅谈javascript中call()、apply()、bind()的用法
01-19
call(thisObj，arg1，arg2…)、apply(thisObj，[obj1,obj2…])这二个方法是每个函数都包含的非继承的方法 call(thisobj[, args])和apply(thisobj[, args]) 作用都是一样的，简单来说就是改变当前使用该方法的对象中的this指向，指向调用方法中的thisObj对象二者的区别（第一个参数是相同的）就是call方法中传入的参数是是一个个列举出来的，而apply方法中的参数二是一个数组 还是举例说明比较直观： window.color='red'; var o={color:blue}; function say
javascript中call,apply,bind函数用法示例
11-29
本文实例讲述了javascript中call,apply,bind函数用法。分享给大家供大家参考，具体如下： 一.call函数 a.call(b); 简单的理解：把a对象的方法应用到b对象上(a里如果有this，会指向b) call()的用法：用在函数上面 var Dog=function(){ this.name="汪星人"; this.shout=function(){ alert(this.name); } }; var Cat=function(){ this.name="喵星人"; this.shout=function(){ alert(this.na
总结一下JavaScript 中apply、call、bind的使用方法
风清扬的专栏
02-25 2224
bind 方法与 apply、call 方法不同，它并不会立即调用函数，而是会返回一个新的函数，并且这个新函数的上下文（即 this 指向）被永久地绑定到了指定的对象上。call 方法与 apply 方法类似，也是允许你调用一个函数，并且手动设置函数的上下文（即 this 指向），但是它需要你手动传递一个参数列表，而不是一个参数数组。其中，thisArg 表示函数要绑定的上下文，arg1、arg2、... 是一些可选的参数，这些参数将在调用新函数时作为参数列表传递给原函数。这就是绑定的上下文被忽略的情况。
【js】js中apply()、bind()、call()用法
qq_22744093的博客
08-16 326
在下例中的 for 循环体内，创建了一个匿名函数，然后通过调用该函数的 call 方法，将每个数组元素作为指定的 this 值执行了那个匿名函数。从上面的例子可以看出，apply与call基本相同，区别是apply的第二个参数是传数组，而call是传一个或多个参数。bind的区别是调用时要加（），它返回的是一个函数。三者的作用都是为方法指定this的值。JavaScript 新手经常犯的一个错误是将一个方法从对象中拿出来，然后再调用，期望方法中的 this 是原来的对象（比如在回调中传入这个方法）。
前端开发学习笔记：HTML5、CSS3、JavaScript深入理解
这指的是JavaScript中`call`, `apply`, `bind`方法的使用。它们可以用来改变函数执行时的`this`上下文。 #### 咖喱 在JavaScript中，咖喱函数（currying）是一种将接受多个参数的函数转换为一系列使用一个参数的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值