Javascript 中的 call 和 apply使用介绍_javascript技巧-js教程-PHP中文网

Javascript 中的 call 和 apply使用介绍_javascript技巧

php中文网

发布： 2016-05-16 17:56:09

原创

1122人浏览过

简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。
call(obj,arg1,arg2,arg3);call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。
apply(obj,[arg1,arg2,arg3]);apply第一个参数传对象，参数可以是数组或者arguments 对象。
这两个方法通常被用来类的继承和回调函数：
作用一、类的继承：
先来看这个例子：

PHP的使用技巧集

PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI或者Perl更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多。下面介绍了十个PHP高级应用技巧。 1, 使用 ip2long() 和 long2ip() 函数来把 IP 地址转化成整型存储到数据库里

454

查看详情

复制代码代码如下:

 
function Person(name,age){ 
this.name = name; 
this.age=age; 
this.alertName = function(){ 
alert(this.name); 
} 
this.alertAge = function(){ 
alert(this.age); 
} 
} 
function webDever(name,age,sex){ 
Person.call(this,name,age); 
this.sex=sex; 
this.alertSex = function(){ 
alert(this.sex); 
} 
} 
var test= new webDever("愚人码头",28,"男"); 
test.alertName();//愚人码头 
test.alertAge();//28 
test.alertSex();//男 

这样 webDever类就继承Person类，Person.call(this,name,age) 的意思就是使用 Person构造函数（也是函数）在this对象下执行，那么 webDever就有了Person的所有属性和方法，test对象就能够直接调用Person的方法以及属性了; 09年的理解解非常粗浅，呵呵。
作用二、回调函数：
call 和 apply在回调行数中也非常有用，很多时候我们在开发过程中需要对改变回调函数的执行上下文，最常用的比如ajax或者定时什么的，一般情况下，Ajax都是全局的，也就是window对象下的，来看这个例子：

复制代码代码如下:

 
function Album(id, title, owner_id) { 
this.id = id; 
this.name = title; 
this.owner_id = owner_id; 
}; 
Album.prototype.get_owner = function (callback) { 
var self = this; 
$.get('/owners/' + this.owner_id, function (data) { 
callback && callback.call(self, data.name); 
}); 
}; 
var album = new Album(1, '生活', 2); 
album.get_owner(function (owner) { 
alert('The album' + this.name + ' belongs to ' + owner); 
}); 

这里

复制代码代码如下:

 
album.get_owner(function (owner) { 
alert('The album' + this.name + ' belongs to ' + owner); 
}); 

中的 this.name就能直接取到album对象中的name属性了。

大家都在看：

JavaScript函数绑定方法_JavaScript上下文处理 javascript_this关键字的绑定规则 javascript_如何实现继承机制箭头函数与普通函数区别详解_this绑定行为的深度解析 JavaScript解释器_虚拟机指令集设计