JavaScript 面向对象之一 —— 对象（对象的方法）

本系列文章根据《爱前端邵山欢老师深入浅出的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";