欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【Javascript 中的 call 和 apply使用介绍】，下面是详细的讲解！
Javascript 中的 call 和 apply使用介绍
简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。
call(obj,arg1,arg2,arg3);call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。
apply(obj,[arg1,arg2,arg3]);apply第一个参数传对象，参数可以是数组或者arguments 对象。
这两个方法通常被用来类的继承和回调函数：
作用一、类的继承：
先来看这个例子：
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 中的 call 和 apply使用介绍的用户互动如下：
相关问题：如何理解和熟练运用js中的call及apply
答：书上都有例子，多看看，照着打几次，就感觉出来了， call和apply的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值，也就是把想要运行的代码的作用域拿过来。比如你有一个函数o 但是如果直接执行，因为现在在当期作用域... >>详细
相关问题：关于javascript中apply和call方法的区别
答：ECMAScript规范给所有函数都定义了Call()与apply()两个方法，call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而apply传的剩... >>详细
相关问题：关于javascript中apply和call方法的区别
答：call和apply它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数方式有所区别, 也就是说调用的时候传参数的格式有区别，其他没有任何差别。 比如有对象a，函数b（参数一，参数二），函数b在a中执行 b.call(a,参数一,参数二); b.a... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-