call/apply

最新推荐文章于 2022-06-19 19:20:47 发布
原创 最新推荐文章于 2022-06-19 19:20:47 发布 · 309 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨JavaScript中this关键字的指向规则，及如何通过call和apply方法改变其指向，实现对象间的功能借用。文章详细解释了call和apply在实际编程中的应用，以及它们在传参方式上的差异。

作用：改变this指向

首先先讲一下，平常我们执行一个函数的时候就是test(); 这样执行其实执行的是 test.call();

我们先来看一下默认的window情况：

如果不加参数，直接执行Person函数，那么里面的this就是指向window的

使用了call之后，那么this的指向就变为obj，意思就是借用Person的功能来构建自己的对象

再看下call的应用：

这里需要理解的是，在new一个Student对象的时候，var this = {};

然后call就首先实现了this空对象的三条语句

call和apply作用上没什么区别，用法上有点差别（传参列表不同）

call 需要把实参按照形参方式一个一个传进去

apply 需要传入一个arguments

（十六）call、apply、bind介绍、区别和实现
qq_43498878的博客
04-19 1208
函数中的this指向是在函数被调用的时候确定的，也就是执行上下文被创建时确定的。在一个执行上下文中，this由提供，由的方式来决定。
js代码-JavaScript的call/apply/bind函数实现
07-15
在JavaScript中，`call()`, `apply()`, 和 `bind()` 是三个非常重要的函数，它们都与函数调用有关，但各自有不同的应用场景。本文将深入探讨这三个函数的实现原理及其使用方式。 首先，`call()` 函数允许我们调用一...
JavaScript的this,call(),apply(),bind()
退步原来是向前
03-14 1017
（若使用本文，请注明出处；节选自http://www.digital-web.com/articles/scope_in_javascript，只是翻译关键部分）this是什么？？为了建立一个scope chain, 每个JavaScript的代码执行上下文都提供了this关键字。In its most common usage, this serves as an identity fu
call／apply（）详解
Clotho2012的博客
08-16 197
call/apply的第一个参数如果为null。this指向window call/apply是用来改变函数的作用域的，第一次参数为this,第二个参数为传输的值，例如 var a ="windowA"; var b = "windowB"; var str = "str"; var myObject = {a:"myA",...
call & apply
xiaoyaopikaqiu的博客
01-11 223
作用：改变this指向 function a() { b.apply(null,arguments); //等价于 b(arguments); } function b() { console.log(arguments); } a(1,2,3,4,5);// 1,2,3,4,5
JS——call()和apply()
CaseyWei
08-16 1996
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 一般来说，thi...
JavaScript中的this/call/apply/bind
01-08
了解并熟练掌握`this`、`call()`、`apply()`和`bind()`的用法，对于编写复杂的JavaScript代码，尤其是在涉及对象、事件处理和模块化编程时，至关重要。它们提供了控制函数执行上下文的能力，使我们能够灵活地处理...
JavaScript中的this/call/apply/bind的使用及区别
10-15
主要介绍了JavaScript中的this/call/apply/bind的使用及区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
JS中call/apply、arguments、undefined/null方法详解
11-24
在JavaScript中，`call`和`apply`是两种非常重要的函数调用方式，它们都用于改变函数执行时的上下文环境，即`this`的指向。这两种方法的主要区别在于传递参数的方式。 `call`方法的语法是：`call([thisObj[, arg1[,...
call ,apply和bind方法 详解
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
call和apply的区别和用法
qq_39465116的博客
02-23 1429
call和apply的区别 ECAMScript3给Function的原型定义了两个方法，分别是Function.prototype.call和Function.prototype.apply，他们的作用一模一样，区别仅在于传参方式不同。 apply接收两个参数 第一个参数指定函数体内this对象的指向，第二个参数是数组或者类数组(例如arguments)，是传入被调用函数的参数列表。 var func = function(a, b, c) { alert([a,b,c]) // 输出[1,
js中的call()和apply()方法
风火一回，一生不毁
10-25 2万+
1.call() 语法：obj1.call(obj2[,param1,param2,...]) 定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象。如果没有提供 obj2参数，那么 Global 对象被用作 obj
JS中的call()方法和apply()方法用法总结
热门推荐
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
04-27 18万+
JacvaScript中的call()方法和apply()方法， 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
call()和apply()方法的区别和详细用法
qq_57509012的博客
06-16 2261
1.定义 每个函数都包含两个非继承而来的方法：call()方法和apply()方法 call和apply可以用来重新定义函数的执行环境，也就是this的指向；call和apply都是为了改变某个函数运行时的context，即上下文而存在的，换句话说，就是为了改变函数体内部this的指向。 语法 call() 调用一个对象的方法，用另一个对象替换当前对象，可以继承另外一个对象的属性，它的语法是： Function.call(obj[, param1[, param2[, [,...paramN]
call()和apply(）
飞鸿的博客
10-31 898
作为函数方法调用函数 在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。 call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。 实例 function myFunction(a, b) { return a * b; } myObject = myFunction.call(myObject, 1...
call方法和apply方法
weixin_52326703的博客
06-02 503
两个方法都是函数对象的方法，需要通过函数对象来调用 当对函数call()和apply()都调用函数执行 调用call()和apply()可以将一个对象指定未第一个参在此时这个对象将会成为函数执行时的this call()方法可以将实参在对象之后依次传递 apply()方法需要将实参封装到一个数组中传递 this的情况： 1.以函数形式调用时，this永远都是window 2.以方法的形式调用时this是调用方法的对象 3.以构造函数的形式调用时其是新创建的那个对象 4.使用call和apply调用时this
js中的call() / apply()
___KAKU的博客
08-20 810
我们先看一个简单的例子 1+1 = 2 你应该会吧 function add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); } add.call(sub,1,1); // 结果是？ ‘2’ 还是 ‘0’ 呢 这里写代码片有人说是 1+1 =2； 有人说明显变成 1-1 = 0 了嘛!  其实 add....
call和apply的使用-基础篇
杨树林er的博客
03-22 1412
在使用call和apply之前，我们需要先做一些知识储备： 一、window对象 window对象是js中的顶层对象，所有全局变量和全局函数都被绑定在了window对象身上，如何证明呢，我们可以先声明一个全局变量和函数，然后来观察window对象。如代码1-1： var a = 10; //全局变量 function abc(){ //全局函数 console.log("Young"); } console.log(window); //此时
函数的方法——call()与apply()
qq_46168757的博客
10-22 317
函数也是对象，所以函数也有他们的方法！ call()和apply() 1.这两个方法都是函数对象的方法，所以需要通过函数对象来调用 2.当对函数调用call()和apply()，都会调用函数执行 3.在调用call()和apply()可以将第一个对象指定为第一个参数 此时这个对象会成为函数执行时的this function fun(){ alert('我是fun函数')； } fun；//函数对象 fun()；//函数返回值 所以这里我们用fun.call(); fun.apply();来进行
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值