成都网站建设设计

将想法与焦点和您一起共享

JavaScript中的call,apply,bind的使用-创新互联

一、call

call(thisObj,arg1,arg2,arg...)
定义:调用一个对象的方法,以另一个对象替换当前对象。
说明:call方法可以用来代替另一个对象调用一个方法。
call方法可以将一个函数对象的上下文改变为由thisObj指定的新对象。
thisObj的取值有以下几种情况:
(1)不传,或者为null,undefined时,函数中的this指向window对象;
(2)传递另一个函数的函数名,函数中的this指向这个函数的引用;
(3)传递基础类型数据时,函数中的this指向其对应的包装对象;
(4)传递一个对象时,函数中的this指向这个对象。

创新互联专注于灌南企业网站建设,响应式网站设计,商城建设。灌南网站建设公司,为灌南等地区提供建站服务。全流程按需制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

JavaScript中的call,apply,bind的使用

例1--> 调用Math的max方法实现对一串数字的排序:
JavaScript中的call,apply,bind的使用

例2--> 调用fn1的方法打印fn2中的信息
JavaScript中的call,apply,bind的使用

例3--> 实现继承:
JavaScript中的call,apply,bind的使用
Fn1.call(this)的意思是使用Fn1对象替代this对象,则fn2就可以调用Fn1的所有属性和方法。

二、apply

语法:apply(thisObj,argArray)
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明: 如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。

如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

功能同call,传参方式不一样。举例参考call,此处略。

三、bind

bind方法创建一个新的函数,MDN上这样介绍:
bind()方法创建一个新的函数(称为绑定函数),当函数被调用时,其this关键字被设置为提供的值,在调用新函数时,提供一个给定的参数序列。
function.bind(thisObj,arg1,arg2,arg3):参数thisObj表示:当绑定的函数被调用时,this的指向为该参数。当使用new操作符调用绑定函数时,参数thisObj无效。参数arg1,arg2,...表示:当绑定函数被调用时,这些参数将置于实参之前传递给被绑定的方法。

this.name="jack"
var demo={
name:"lily",
getName:function(){return this.name}
}

var name1= demo.getName;
console.log(name1())

var name2 = name1.bind(demo)
console.log(name2())

结果:
jack
lily
console.log(name1()) //输出jack,这里的this指向全局对象
console.log(name2()) // 输出lily, 这里的this指向name对象

给函数预设初始值:
var add = function(x,y){return x+y}
var add_curr = add.bind(null,2)
add_curr(3)
结果: 5

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:JavaScript中的call,apply,bind的使用-创新互联
本文网址:http://chengdu.cdxwcx.cn/article/jeghh.html