摘要：構(gòu)造函數(shù)內(nèi)部在構(gòu)造函數(shù)內(nèi)部通過(guò)用于指向當(dāng)前對(duì)象變量添加屬性或方法此處定義的屬性和方法都是為對(duì)象自身所擁有每次通過(guò)類創(chuàng)建實(shí)例時(shí)指向的屬性都會(huì)得到相應(yīng)的創(chuàng)建私有屬性只能被私有方法和特權(quán)方法訪問(wèn)私有方法在構(gòu)造函數(shù)里聲明能被私有函數(shù)特權(quán)方法訪問(wèn)只能

在構(gòu)造函數(shù)內(nèi)部通過(guò)this(用于指向當(dāng)前對(duì)象)變量添加屬性或方法,
此處定義的屬性和方法都是為對(duì)象自身所擁有,
每次通過(guò)類創(chuàng)建實(shí)例時(shí), this指向的屬性都會(huì)得到相應(yīng)的創(chuàng)建.

var Person = function(name, sex) {
    // 私有屬性: 只能被【私有方法】和【特權(quán)方法】訪問(wèn)
    var contact = "xxxxx@qq.com";
    var number = "88888888";

    // 私有方法: 在構(gòu)造函數(shù)里聲明, 能被【私有函數(shù)】【特權(quán)方法】訪問(wèn), 只能訪問(wèn)【私有方法】和【私有屬性】
    var getInfo = function(name, sex) {
        console.log("My name is " + name + ", I’m a " + sex + "!");
        console.log("My email is " + contact);
    };

    // 公有屬性
    this.name = name;
    this.sex = sex;

    // 特權(quán)方法: 可以訪問(wèn)【私有屬性】【私有方法】【公有屬性】
    this.intro = function() {
        getInfo(name, sex);
    };
    this.getContact = function(number) {
        console.log(number);
    };

    // 構(gòu)造器
    this.getContact(number);
};

通過(guò)點(diǎn)語(yǔ)法定義的屬性和方法不會(huì)添加到新創(chuàng)建的對(duì)象,因此類的實(shí)例無(wú)法訪問(wèn), 只能通過(guò)類的自身(Person)訪問(wèn).

// 類靜態(tài)公有屬性(對(duì)象不能訪)
Person.isChinese = true;

// 類靜態(tài)公有方法(對(duì)象不能訪問(wèn)到)
Person.speak = function() {
    console.log("what???");
};

一種是為原型對(duì)象屬性賦值, 另一種是將一個(gè)對(duì)象賦值給類的原型對(duì)象.
通過(guò)prototype繼承的屬性或方法是每個(gè)對(duì)象通過(guò)prototype訪問(wèn)到的,
所以每次通過(guò)類創(chuàng)建實(shí)例時(shí), 這些屬性和方法不會(huì)再次創(chuàng)建.

Person.prototype = {
    // 顯示指定對(duì)象的constructor屬性
    constructor: Person,
    // 公有屬性
    hobby: "reading",
    // 公有方法
    sport: function() {
        console.log("run");
    }
};

// test:
var tony = new Person("Tony", "man", "25");

console.log("--- 訪問(wèn)【公有屬性】 ---");
console.log(tony.name);            // Tony
console.log(tony.sex);            // man

console.log("--- 訪問(wèn)【特權(quán)方法】 ---");
console.log(tony.intro());        // My name is Tony, I’m a man!
                                // My email is xxxxx@qq.com

console.log("--- 訪問(wèn)【類靜態(tài)公有屬性】和【類靜態(tài)公有方法】 ---");
console.log(tony.isChinese);     // undefined
console.log(tony.speak());        // undefined

console.log("--- 通過(guò)類自身訪問(wèn)【類靜態(tài)公有屬性】和【類靜態(tài)公有方法】 ---");
console.log(Person.isChinese);    // true
console.log(Person.speak());    // what???

console.log("--- 訪問(wèn)【公有屬性】及【公有方法】 ---");
console.log(tony.hobby);        // reading
console.log(tony.sport());        // run


// 通過(guò)閉包實(shí)現(xiàn):
var Person = (function() {
    // 靜態(tài)私有變量
    var isChinese = true;

    // 靜態(tài)私有方法
    var speak = function() {};

    // 創(chuàng)建類
    var _person = function() {
        // 私有屬性: 只能被【私有方法】和【特權(quán)方法】訪問(wèn)
        var contact = "xxxxx@qq.com";
        var number = "88888888";

        // 私有方法: 在構(gòu)造函數(shù)里聲明, 能被【私有函數(shù)】【特權(quán)方法】訪問(wèn), 只能訪問(wèn)【私有方法】和【私有屬性】
        var getInfo = function(name, sex) {
            console.log("My name is " + name + ", I’m a " + sex + "!");
            console.log("My email is " + contact);
        };

        // 公有屬性
        this.name = name;
        this.sex = sex;

        // 特權(quán)方法: 可以訪問(wèn)
        this.intro = function() {
            getInfo(name, sex);
        };
        this.getContact = function(number) {
            console.log(number);
        };

        // 構(gòu)造器
        this.getContact(number);
    };

    // 構(gòu)建原型
    _person.prototype = {
        constructor: _person,
        // 公有屬性
        hobby: "reading",
        // 公有方法
        sport: function() {
            console.log("run");
        }
    };

    // 返回類
    return _person;
})();

標(biāo)準(zhǔn)原型寫法

function Person() {}
Person.prototype.sayHi = function() {}

var me = new Person();
console.log(me.constructor === Person);    // true;

對(duì)象字面量

function Person() {}
Person.prototype = {
    sayHi: function() {}
}
var me = new Person();
console.log(me.constructor === Person);    // false;
console.log(me.constructor === Object);    // true;

使用對(duì)象字面形式改寫原型對(duì)象改變了構(gòu)造函數(shù)的屬性,因此它現(xiàn)在指向Object而不是Person.

因?yàn)樵蛯?duì)象具有一個(gè)constructor屬性,這是其他對(duì)象實(shí)例所沒(méi)有的.
當(dāng)一個(gè)函數(shù)被創(chuàng)建時(shí),它的prototype屬性也被創(chuàng)建, 且該原型對(duì)象的constructor屬性指向該函數(shù).
當(dāng)使用對(duì)象字面形式改寫原型對(duì)象Person.prototype時(shí), 其constructor屬性將被置為泛用對(duì)象Object.

在改寫原型對(duì)象時(shí)手動(dòng)重置其constructor屬性.

    // 對(duì)象字面量修正:
    function Person() {}
    Person.prototype = {
        constructor: Person,
        sayHi: function() {
            console.log("Hi~");
        }
    }
    var me = new Person();
    console.log(me.constructor === Person);    // true;
    console.log(me.constructor === Object);    // false;

var Person = function(name, sex) {
    this.name = name;
    this.sex = sex;
};

var tony = new Person("Tony", "boy");
console.log(tony.name);     // Tony
console.log(tony.sex);        // boy

var anna = Person("Anna", "girl");
console.log(window.name);     // Anna
console.log(window.sex);    // girl

console.log(anna);        // undefined
console.log(anna.name);        // Uncaught TypeError: Cannot read property "name" of undefined

new可以看作是對(duì)當(dāng)前對(duì)象this不停地賦值,
如果沒(méi)有new, 則會(huì)直接執(zhí)行函數(shù), 因?yàn)楹瘮?shù)在全局作用域中執(zhí)行了,
所以在全局作用域中this指向的當(dāng)前對(duì)象就自然是全局變量,
屬性都添加到window上面了;
另外一個(gè)則因?yàn)镻erson類中沒(méi)有return語(yǔ)句,
則函數(shù)執(zhí)行完沒(méi)有返回執(zhí)行結(jié)果. 所以實(shí)例對(duì)象為undefined;

// 創(chuàng)建對(duì)象的安全模式
var Person = function(name, sex) {
    // 判斷執(zhí)行過(guò)程中this是否是當(dāng)前對(duì)象(如果是說(shuō)明是用new創(chuàng)建的)
    if(this instanceof Person) {
        this.name = name;
        this.sex = sex;
    } else {
        // 否則重新創(chuàng)建這個(gè)對(duì)象
        return new Person(name, sex);
    }
}