JavaScript的apply、call 和 bind

prtyaa
prtyaa 2023-12-26 18:32:05 68278
分类专栏： 资讯

1、每个函数都包含有非继承而来的方法：call()、apply() 。它们的作用都是在特定的作用域中调用函数，即设置函数体内 this 对象的值。

  • 传递参数
  • 扩充函数赖以运行的作用域

2、apply()

apply() 方法接收两个 参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个 参数可以是 Array的实例，也可以是 arguments 对象。

例如：

在这个例子中，callSum1()执行sum()函数时，传入了this作为this值（因为是在全局作用域中调用的，所以传入的是window对象）和 arguments 对象。callSum2()调用sum()函数传入this 和参数数组。两个函数的返回值是一致的。

3、call()

call()方法第一个参数是 this，其余参数逐个列出来。它和apply的作用相同，区别只是传递参数的方式。

例如：

4、call()和apply() 扩充函数作用域

使用call()和apply() 扩充函数作用域的最大好处是，对象不需要与方法有任何耦合关系。

例如：

5、bind()

bind()方法是ECMAScript 5 定义的方法。这个方法会创建一个函数实例，其this值会被绑定传给bind()函数的值。

例如：

5、三者的不同点

  • call()和apply()作用相同，可以改变this的作用域，不同点是传递参数的形式不同。
  • bind() 也可以改变this的作用域，其不同是在于它返回的是一个函数实例。

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31015
赞同 0
评论 0 条

相关文章

  • JavaScript 中的call apply bind 2023-12-26 64181 浏览

    JavaScript中的callapplybind均可用来对象的上下文对象this例子：varobj1={name:'louis',gender:"male"};varobj2={name:'rita',gender:"female",getName:function(age){console.log(this.name+";"+age+";"+this.gender);}}obj2.getNam

  • JavaScript的跨域方法 2023-12-26 65330 浏览

    一、为什么会产生跨域同源策略是对XHR(XMLHttpRequest)的一个主要约束，它为通信设置了“相同的域、相同的端口、相同的协议”这一限制。试图访问上述之外的资源，都会引发安全错误，除非采用被认可的跨域解决方案。二、跨域的解决方案CORS(Cross-OriginResourceSharing,跨域资源共享)图像pingJSONPwebsockets：全双工、双向通信postMessage1

  • JavaScript实现类继承的三种方式 2023-12-26 65675 浏览

    方案一：使用ES6新语法的extends关键字：

  • JavaScript中String()与toString()有什么区别？ 2023-12-26 65746 浏览

    String()和toString()都是将其他类型的数据转换成字符串类型的数据，但需要注意的是toString()无法转换null和underfind实例一：vara=null;varb=a.toString();console.log(b);通过toString()将null转换为字符串时会报一个错误：UncaughtTypeError:Cannotreadproperty'toString'

  • 通过JavaScript判断输入的年份是闰年还是平年？ 2023-12-26 65058 浏览

    判断是否是闰年的条件为：闰年能被4整除并且不能被100整除，或者能被400整除varyear=0;year=parseInt(window.prompt('请输入一个年份：'));if((year%4==0)&&(year%100!=0)||year%400==0){document.write(year+'年是闰年');}else{document.write(year+'年是平年');}

  • JavaScript如何实现将用户输入华氏温度转换为摄氏度？ 2023-12-26 65021 浏览

    小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。温馨提示：摄氏度与芈氏度的转换公式为：摄氏度=5/9.0*(华氏度-32)，保留3位小数。华氏温度转摄氏温度：varsheShi=0;varhuaShi=0;huaShi=parseFloat(window.prompt('请输入华氏温度为：'));she

  • JavaScript如何实现输入一个字符，判断是否为英文大写字母('A'-'Z')、小写字母('a'-'z')、数字或是其他符号，并输出相应信息？ 2023-12-26 64744 浏览

    在JavaScript中：大写字母A-Z对应的ASCII码值是65-90，小写字母a-z对应的ASCII码值是97-122，首先我们需要获取用户输入的字符(假设用户每次只能输入一个字符)，然后将输入的字符转换为对应的ASCII值，再将转换的ASCII值通过if-else-if条件语句进行判断，ASCII的值在65-90这个范围内，则是大写的A-Z；ASCII的值在97-122这个范围内，则是小写的

  • JavaScript与ECMAScript有什么关系？ 2023-12-26 68566 浏览

    ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现，在日常场合，这两个词是可以互换的。JavaScript的创造者是Netscape公司，将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准，后来ECMA发布文件的第一版(ECMA-262)，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript。该标准从一开

  • JavaScript的generator 2023-12-26 63590 浏览

    1、generator是可以用来控制迭代器的函数，它主要的方法有以下三个：generator.prototype.next()返回一个由yield表达式生成的值generator.prototype.return()返回给定的值，并结束生成器generator.prototype.throw()向生成器抛出一个错误2、基本使用常规的遍历，会一次性遍历输出所有的值，但是使用了generator生成器

  • JavaScript 继承 2023-12-26 63670 浏览

    • 关注我们

      信创开放社区公众号二维码

      扫一扫关注公众号

      信创开放社区交流群

      添加我为好友，拉您入交流群！

    添加我为好友，拉您入交流群！

    请使用微信扫一扫!