this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。
this一般指向的是当前被调用者,但也可以通过其它方式来改变它的指向,下面将介绍三种方式:
1.call用作继承时:
function parent(age){
this.name=['mike','jack','smith'];
this.age=age;
}
function child(age){
parent.call(this,age);//把this指向parent,同时还可以传递参数
}
var test=new child(21);
console.log(test.age);//21
console.log(test.name);
test.name.push('bill');
console.log(test.name);//mike,jack,smith,bill
2.call和apply都可以改变this指向,不过apply的第二个参数是散列分布,call则可以是一个数组
console.log(math.max.apply(null,[1,2,3,4]));//4
apply() 方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是 array 的实例,也可以是arguments 对象。call() 方法与 apply() 方法的作用相同,它们的区别仅在于接收参数的方式不同。对于 call()
方法而言,第一个参数是 this 值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用call() 方法时,传递给函数的参数必须逐个列举出来。
3.es5还定义了一个方法:bind(),它会创建一个函数的实例,其this值会被绑定到传给bind()函数的值。如
window.color='red';
var o={color:'blue'};
function saycolor(){
console.log(this.color);
}
var objectsaycolor=saycolor.bind(o);
//var objectsaycolor=saycolor.bind();
objectsaycolor();//blue
在这里saycolor()调用bind()并传入对象o,创建了objectsaycolor()函数。objectsaycolor()函数的this值等于o,因此即使是在全局作用域中调用这个函数,也会看到blue。
call方法:
语法:call(thisobj,object)
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisobj 指定的新对象。
如果没有提供 thisobj 参数,那么 global 对象被用作 thisobj。
apply方法:
语法:apply(thisobj,[argarray])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argarray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 typeerror。
如果没有提供 argarray 和 thisobj 任何一个参数,那么 global 对象将被用作 thisobj, 并且无法被传递任何参数。
代码示例:
function animal(name) {
this.name = name;
this.showname = function() {
console.log(this.name);
};
}
function cat(name) {
animal.call(this, name);
}
cat.prototype = new animal();
function dog(name) {
animal.apply(this, name);
}
dog.prototype = new animal();
var cat = new cat("black cat"); //call必须是object
var dog = new dog(["black dog"]); //apply必须是array
cat.showname();
dog.showname();
console.log(cat instanceof animal);
console.log(dog instanceof animal);
以上就是javascript中改变this关键字方法实例详解的详细内容。