apply()和call()方法

最新推荐文章于 2022-06-19 19:20:47 发布
最新推荐文章于 2022-06-19 19:20:47 发布
阅读量98 收藏
点赞数
分类专栏： Javascript、JQuery练习 文章标签： apply()和call()方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32077521/article/details/99587822
版权 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <script type="text/javascript">
        //定义一个变量，这个变量默认注册给了window对象
        var user_name = '张三';
        function showName(x,y,z) {
            alert(this.user_name);
            alert(x + y + z);
        }
        showName(10,20,30);//输出‘张三  60’
        //定义一个对象
        var Person = { user_name: '李四' };
        //利用apply()方法替换对象
        showName.apply(Person, [10, 20, 30]);//输出‘李四 60’
        //利用call()方法替换对象
        showName.call(Person, 10, 20, 30);//同样输出‘李四 60’,call()方法和apply()方法功能一样，只是用法不同
    </script>
</body>
</html>
一只极度渴望成长的Giser
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
apply和call方法定义及apply和call方法的区别
11-22
在JavaScript中，`apply`和`call`方法都是Function对象的内置方法，它们的主要作用是改变函数调用时的上下文（即`this`值），并允许我们在不同对象上执行同一方法，从而实现方法的借用。这两者在功能上相似，但参数...
彻底搞懂JavaScript中的apply和call方法(必看)
10-19
JavaScript中的`apply`和`call`方法是两个非常重要的函数调用方式，它们的主要作用是改变函数执行时的上下文，即`this`的指向。这是因为JavaScript中的函数可以在不同的上下文中运行，`this`的值在运行时可以被动态...
call ,apply和bind方法 详解
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
call和apply
未生1886的博客
05-14 3215
1、call方法和apply方法非常像，它们的区别只有唯一的一点； 2、call方法下面有几个参数： ①、第一个参数是改变函数里面的this的指向：因为例子中直接调用getName的话，this指向的是person，所以返回的是person的name； 而通过call方法间接调用的时候，就可以指定this的值，如果将this指向了window，返回的是window.name，结果是‘xm’; var name='xm'; var person={}; person.name='xh';
JavaScript之函数的apply和call方法。
i_will_be的博客
10-16 281
首先，还是先介绍一下call和apply方法。 1.所有的函数都默认包含applycall这两种方法。 2.调用函数的apply和call方法，就相当于调用该函数。 3.call方法和apply的方法：通过传参的方式，强制函数内的this指向某一对象，this引用的会被指向call/apply的第一个参数。 4.apply和call方法的不同：call方法第一个参数之外的参数是直接按参数列
Js apply方法和call方法的详解
qq_44552416的博客
03-07 1135
一开始看到javascript的函数apply和call方法的时候,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享… 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便和大家共同提高… 主要我是要解决一下几个问题: 1，apply和call的区别在哪里 2， 什么情况下用apply,什么情况下用call 3，apply的其他巧妙用法（一般在什么情况下可以使用apply） 一、定义： apply:方法能
apply和call方法的使用及原理
Chad97的博客
09-14 891
使用语法 函数名字.apply(对象,[参数1,参数2,…]) 方法名字.apply(对象,[参数1,参数2,…]) call的使用语法 函数名字.call(对象,参数1,参数2,…); 方法名字.call(对象,参数1,参数2,…); 作用：改变this的指向 不同的地方:参数传递的方式是不一样的 要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用a...
apply()方法和call()方法
yyc_two的博客
06-10 363
apply()&call() 　　之前涉及到一次关于apply和call的代码，当时没有时间整理，今天趁着空闲时间来整理一下两个方法的区别和使用方法。 　　其实每个function函数都有一个apply()和call()方法，他们的作用相同，都是在特定的作用域中调用函数，等于设置函数体内this的指向 　　定义 　　apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用
JavaScript 的apply和call方法
Kevin的逆袭博客
09-17 1116
apply和call的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数的方式有所区别： apply(thisArg,argArray);  call(thisArg[,arg1[,arg2…]]); 属性length表示函数定义时所指定参数的个数，而非调用时实际传递的参数个数。实际传参数可用arguments属性来获得
深入谈谈apply和call
小破船借箭的博客
09-15 1071
深入谈谈apply和call。 这篇文章是本小猿生写的第一篇文章，不喜勿喷，还望大佬批评指教，共同进步，好了废话不多说，下面开始胡扯。 apply和call方法的相同点 apply()和call()方法的作用都是改变this 的指向，也是他们的相同点。 apply和call方法的不同点 apply() 和 call() 方法的区别在于 接收参数的方式不同 apply() 方法，两个参数， 第一个参数是this修改后的指向。 第二个参数是一个数组。 call() 方法， 第一个参数是this修改后的
call方法和apply方法
weixin_52326703的博客
06-02 450
两个方法都是函数对象的方法，需要通过函数对象来调用 当对函数call()和apply()都调用函数执行 调用call()和apply()可以将一个对象指定未第一个参在此时这个对象将会成为函数执行时的this call()方法可以将实参在对象之后依次传递 apply()方法需要将实参封装到一个数组中传递 this的情况： 1.以函数形式调用时，this永远都是window 2.以方法的形式调用时this是调用方法的对象 3.以构造函数的形式调用时其是新创建的那个对象 4.使用call和apply调用时this
谈谈关于js中关于函数的apply和call方法的理解
小新正在敲代码
02-20 309
首先apply和call方法的函数形式是这样的：FunctionA.apply(obj,array); FunctionB.call(obj,arg1,arg2,...,argn);它们的作用是相同的，只是函数中参数的形式不一样。apply方法的参数写在一个数组里。call方法每个参数用逗号来隔开。 下面是我个人的一些理解： 他们的作用类似，都是讲一个函数附加到一个对象上，就好像这个被附加的对象
javascript中apply和call方法的作用及区别说明
12-10
一、call和apply的说明 1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为...
显示当前系统时间(new date()..getHours())
qq_32077521的博客
10-21 3513
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...
使用正则表达式进行提取电话号码
qq_32077521的博客
10-21 3012
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> </...
使用正则表达式来判断邮政编码是否正确
qq_32077521的博客
10-21 2158
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...
动态操作CSS文本框失去焦点变颜色(注册onblur事件)
qq_32077521的博客
10-21 1913
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...
使用正则表达式来判断密码强度
qq_32077521的博客
10-21 1437
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...
动态创建元素(createElement())
qq_32077521的博客
10-21 1286
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...
理解JavaScript中的this、new、apply和call
"本文主要探讨JavaScript中的技术难点，聚焦于this、new、apply和call四个核心概念，并通过对比Java中的this用法，帮助读者从应用层面理解JavaScript中的this指针。" 在JavaScript中，this是一个非常关键的概念，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值