今天看到公司一道js面试题,代码如下,问使用getName方法打印出1,2,3
var name = "1";
var obj = {
name:2,
prop: {
name:3,
getName: function() {
return this.name;
}
}
}
console.info(obj.prop.getName()); //3
console.info(obj.prop.getName.call(obj)); //2
console.info(obj.prop.getName.call(this)); //1
这题考察两个点,一是 this代表当前对象
二是如何改变当前对象 这里使用call方法
如果想得到3 直接 obj.prop.getName() 即可,这事方法的当前对象是prop
如果想得到2 我们可以 obj.prop.getName.call(obj) 就是把obj对象传到方法内,这时候的this对象是obj, this.name 等同于obj.name
1也是同理 obj.prop.getName.call(this) 这里的this是当前页面 传window也是一样的
当然也可以使用apply, apply 和 call 的不同在于call,就是call方法接受的是若干个参数的列表,而apply方法接受的是一个包含多个参数的数组。 apply(thisargs,[])用数组给方法传递参数, call(this, param1,param2); 下面一个小例子
function callTest(name, price) {
console.info(name + "-" + price);
}
callTest.call(this, 'superbing', 100);
callTest.apply(this, ['superbing', 200]);