js中this的指向问题以及call（）和apply（）

最新推荐文章于 2024-07-05 17:28:33 发布
原创 最新推荐文章于 2024-07-05 17:28:33 发布 · 219 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
js基础

当前文章被收录于：

js基础
10 篇文章 0 人学习
订阅专栏 查看详情
本文详细介绍了JavaScript中函数对象的call()和apply()方法，它们用于改变函数执行时的this对象。当你调用这两个方法时，第一个参数会作为函数内部的this值。call()允许后续参数直接传递，而apply()则需将参数放在数组中传递。此外，文章还阐述了this在不同调用场景下的指向规则，包括函数调用、方法调用、构造函数调用以及使用call()和apply()的情况。

js中call（）和apply（）

	call和apply都是函数对象的方法，需要通过函数对象来调用
	当函数调用call（）和apply（）都会调用函数执行
	在调用call（）和apply（）可以将第一个对象指定为第一个参数，此时这个对象将会成为函数执行时的thistongyi
	call（）方法可以将实参在对象之后一次传递
	apply（）方法需要将需要将实参封装到一个数组中统一传递
this的指向
	以函数形式调用时，this永远都是window
	以方法形式调用时，this是调用方法的对象
	以构造函数的形式调用时，this是新创建的的那个对象
	使用call（）和apply（）调用时，this是指定的那个对象
标签
#js #javascript
JS改变函数内this指向的三种方法call()、apply()、bind()
tkrj7_的博客
01-21 878
改变函数内this指向 this的指向问题 JS提供三种方法： call() call(this指向,参数…) 可以调用函数 可以改变函数内部this指向 应用：可以实现继承 //将fn的this指向t var t = { name: 'tracy' }; function fn(a, b) { console.log(a + b); }; fn.call(t, 1, 2); //实现继承 function Fa(uname, age, sex) { this.uname =
JavaScript-bind-call-apply改变this指向
ME_GIRL的博客
08-11 236
1.this是什么? 谁调用当前函数或者方法, this就是谁 2.这三个方法的作用是什么? 这三个方法都是用于修改函数或者方法中的this的 2.1.bind方法作用 修改函数或者方法中的this为指定的对象, 并且会返回一个修改之后的新函数 注意点: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 function test(a, b) { console.log(a, b); consol
Javascript中关于call()和apply()方法的this指向问题
BlackMambaguo的博客
10-20 369
转载自https://www.cnblogs.com/zpzl/p/6690451.html 概念： 1.call 方法可以用来代替另一个对象调用一个方法,改变函数内部的this指向。 2.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。简单讲就是借用上下文环境 3.apply（）和call（）异曲同工， 使用： 1.第一个参数是一个对象，第二个参数是数组里面所有的参数 2.apply()第一个参数也是一个对象，第二个参数是一个数组 实例a: 1 var numb
js_call,this
baidu_34741090的博客
04-03 532
1.call/apply作用：改变this指向区别：参数列表不一样，call的参数列表是按实参一个个传，apply是传一个数组arguments例子：[javascript] view plain copyfunction test(){console.log(111)}  test.call();//111 说明test()就等于test.call(); 任何方法都能call    functi...
this指向问题以及如何改变指向
最新发布
weixin_53954018的博客
07-05 1588
箭头函数的"this"是静态的，它捕获其定义时（而不是运行时）的上下文。因此，箭头函数通常不适合作为Vue组件中方法的定义方式，因为它无法访问Vue实例的数据和方法。：普通函数的"this"是在运行时动态绑定的，取决于函数的调用方式和上下文。Vue.js在模板和事件处理函数中自动绑定了组件实例，以便确保方法中的"this"指向正确。会指向当前的Vue实例，因为Vue在内部会确保方法被调用时绑定正确的上下文。方法创建一个新的函数，称为绑定函数，它会把指定的对象绑定为调用函数时的。
前端JS: call()/apply()改变调用函数的作用域中的this指向
weixin_34099526的博客
04-20 239
call()/apply()改变调用函数的作用域中的this指向 talk is cheap ,show me the code: 第一个参数为this,第二个参数为传输的值，例如 var a ="windowA"; var b = "windowB"; var str = "world"; var myObject = {a:"myA",b:"myB"}; function hello(s)...
38 JavaScript中的this指向问题
CurryCoder的个人博客
06-06 347
技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.函数内this指向问题 函数内部的this指向是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。一般情况下，this指向我们的调用者。 2.改变函数内部的this指向 JavaScript为我们专门提供了一些方法帮我们更优雅的处理函数内部的this指向问题，常用的有bind()、call()、apply()三种方法。 2.1 call()方法 call()方法调用
理解 JavaScript call()/apply()/bind()
w13707470416的博客
01-05 141
理解 JavaScript this 文章中已经比较全面的分析了 this 在 JavaScript 中的指向问题，用一句话来总结就是：this 的指向一定是在执行时决定的，指向被调用函数的对象。当然，上篇文章也指出可以通过 call() / apply() / bind() 这些内置的函数方法来指定 this 的指向，以达到开发者的预期，而这篇文章将进一步来讨论这个问题。 先来回顾一下，举个简单...
掌握JavaScript中的call、apply和bind方法
无言非影的博客
03-21 348
本文探讨了JavaScript中的call、apply和bind方法，阐述了它们在改变函数this指向和参数传递方面的用法和区别。通过具体示例，解释了如何在不同场景下正确使用这些方法，特别是bind方法在结合定时器setTimeout时的应用，帮助读者更好地理解和运用这些重要的JavaScript特性。
JS的this指向
qq_38144981的博客
03-05 463
this的指向，函数的调用方式决定了 this 的值（运行时绑定）。
JS的this总结(上)-call()和apply()
Kim1am
09-14 343
JS的this总结(上)-call()和apply()​
js改变this指向的call()；apply()；bing()的使用方式！
tinglis的博客
09-16 320
js改变this指向的call();apply();bing()的使用方式！ 1、call() 我们在js中写上这样一个代码 var o = { name :"andy" } function fn (){ console.log(this) } fn() 发现打印出来的this是window； 这时候我们可以使用我们call()方法来改变this的指向； var o = { n
的apply_深入理解 JavaScript call()、apply()、bind()
weixin_39991926的博客
12-29 63
理解 JavaScript this 文章中已经比较全面的分析了 this 在 JavaScript 中的指向问题，用一句话来总结就是：this 的指向一定是在执行时决定的，指向被调用函数的对象。当然，上篇文章也指出可以通过 call() / apply() / bind() 这些内置的函数方法来指定 this 的指向，以达到开发者的预期，而这篇文章将进一步来讨论这个问题。先来回顾一下，举个简单的...
JavaScript中this指向问题和改变this指向方法
DangR_Jisoo的博客
12-03 269
JavaScript中this指向问题 一. 各种情况下this的指向 普通函数调用时this指向window function fn() { console.log(this); } fn(); //window 构造函数调用时this指向实例化对象，原型对象里this也指向实例化对象 function Star(name, age) { this.name = name; this.age = age;
改变函数内的this指向的方法call() apply() bind()
cake_eat的博客
09-28 370
改变函数内的this指向 js提供了三种方法： call() 、apply()、 bind() 1、call方法 call方法可以调用函数，还可以改变函数内的this指向。 例如： var o = { name: 'andy' } function fn(a,b){ console.log(this); console.log(a+b) } fn.call(o, 1, 2); call()方法的主要作用是实现继承。 例如： function Father (uname, ag
JavaScript函数调用与this指向问题
zeroOneJJ的博客
08-24 320
this指向问题 1、函数调用方式 1)直接调用函数 直接函数名调用 function fn () {}; fn() 对象的方法调用 let demo = { name: 'zhang san', age: 20, add: () => {} } demo.add(); 构造函数调用 let Person = function () { this,name = 'zhang san'; this.add = () => {} } let
改变函数内this指向
weixin_58855537的博客
10-01 158
在准备js面试题时，遇到了许多知识盲区，或是已经遗忘的知识，所以来写一下博客，记录自己的成长，同时查漏补缺 js中函数内的this指向 函数的this指向用一句话来概括，就是谁调用，this就指向谁 当然了，在js中，函数内部的this指向也不是万年不变的，我们也可以通过几个方法来改变this指向 1.使用call() 在call()方法中，括号中可以加许多参数，第一个参数，就是要指向的this 使用call()的时候要注意：call()会立即调用函数，并且会改变this指向 c..
修改this指向问题（call，apply，bind）
hover_bug的博客
10-17 245
先看代码 <script> var name = "张三"; var age = 18; var obj = { name: "李四", age: this.age, myfun: function () { console.log(this.name + '----' + this.age); } } var aa = { name: "王五",
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值