本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳
对象的方法
如果一个对象的属性值是一个函数,我们称这个属性为这个对象的方法(method)。
var obj = {
name : "张鑫",
sex : "男",
sayHello:function(){
alert("你好");
}
}
obj.sayHello(); // 你好
上面例子中的对象有一个属性 sayHello,它的值是一个匿名函数,我们把这个 sayHello 叫做 obj 的方法。
我们可以用点语法来调用这个属性,并用圆括号去执行它。
函数的上下文(context),即函数里面的this是谁(this指向)。
当一个函数被当做对象的方法调用时,这个函数里的this表示这个对象:
var obj = {
myName : "张鑫",
sex : "男",
sayHello:function(){
alert("你好,我叫" + this.myName);
}
}
obj.sayHello(); // 你好,我叫张鑫
上述例子中,我们是通过 obj 的点语法来调用的 sayHello 函数,所有 sayHello 函数的上下文就是 obj 对象,即 sayHello 函数内部的 this 指向 obj 。
但是,千万不要认为写在对象函数里面的函数,上下文一定是这个对象。如:
var obj = {
myName : "张鑫",
sex : "男",
sayHello:function(){
alert("你好,我叫" + this.myName);
}
}
var fn = obj.sayHello;
fn(); // 你好,我叫undefined
函数的上下文是什么,取决于函数是如何调用的(即调用者是谁),而不是函数是如何定义的(即在哪里定义)。
函数的上下文是函数在调用时表现的性质,而不是在定义时表现的性质。
如:
var obj = {
myName : "张鑫",
sex : "男",
sayHello:function(){
alert("你好,我叫" + this.myName);
}
}
var myName = "Mr.zhang";
var fn = obj.sayHello;
fn(); // 你好,我叫Mr.zhang
此时,fn() 等同于 window.fn(),而
var myName = "Mr.zhang";
等同于
var window.myName = "Mr.zhang";