摘要：今年歲了調(diào)用私有方法實(shí)例化張三此時(shí)實(shí)例獲取不到方法追更感謝之染的評(píng)論，構(gòu)造函數(shù)還可以通過來添加對(duì)象栗子實(shí)例化張三此時(shí)實(shí)例化后的對(duì)象擁有方法輸出張三關(guān)于構(gòu)造函數(shù)的繼承可以看一下我的下一篇文章構(gòu)造函數(shù)繼承方法及利弊

前言：之前看過公司大神的代碼，發(fā)現(xiàn)有很多構(gòu)造函數(shù)，類似Java和C#的 new 方法來實(shí)例化一個(gè)對(duì)象，感覺很是受教，剛好最近在用es6，發(fā)現(xiàn)了用class來實(shí)現(xiàn)構(gòu)造函數(shù)，于是總結(jié)了一下，也是回顧和提高的過程，由于本人也是前端小白，文章可能有很多錯(cuò)誤，歡迎各位大神批評(píng)指正~~

    // 常規(guī)方法一
    function Persion(name, age) {
        this.name = name;                // this.key 賦值，則直接掛載到Persion實(shí)例
        this.age = age;
        this.getInfo = function() {
            return {
                name: this.name,
                age: this.age
            }
        }
    }
    // 調(diào)用
    var persion = new Persion("張三", 15);
    // 此時(shí)的persion實(shí)例擁有name、age、getInfo（）三個(gè)屬性及方法

    // 常規(guī)方法二
    function Persion(name, age) {
        var name = name;
        var age = age;
        var getInfo = function() {
            return {
                name: name,
                age: age,
            }
        }
        return { // 通過return將元素暴露給實(shí)例對(duì)象
            name: name,
            age: age,
            getInfo: getInfo,
        }
    }
    // 調(diào)用 
    var persion = new Persion("張三", 15);
    // 此時(shí)的persion實(shí)例擁有name、age、getInfo（）三個(gè)屬性及方法

class Persion {
    constructor(name, age) { // 一個(gè)類必須有constructor方法， 如果沒有顯式定義， 一個(gè)空的constructor方法會(huì)被默認(rèn)添加。
        this.name = name;
        this.age = age;
    }
    getInfo() {
        return {
            name: this.name,
            age: this.age,
        }
    }
}
// 調(diào)用
const persion = new Persion("張三", 17);
// 此時(shí)的persion實(shí)例擁有name、age、getInfo（）三個(gè)屬性及方法

注：ES6 class 聲明構(gòu)造函數(shù)會(huì)將所有內(nèi)部元素暴露出來，但有的時(shí)候我們希望這些方法只在內(nèi)部聲明時(shí)使用，并不暴露給實(shí)例對(duì)象，在ES5中我們可以很方便的做到，如下栗子：

    // ES5 實(shí)現(xiàn)私有方法
    // 方案一
    function Persion(name, age) {
        this.name = name;
        this.age = age;
        var print = function(){
            return name + "今年" + age + "歲了！";
        }
        this.setName = function(newName){
            this.name = newName;
        }
        this.setAge = function(newAge){
            this.age = newAge;
        }
        this.getInfo = function(){
            {
                name: name,
                age: age,
            }
        }
        this.printInfo = function(){
            console.log(print());
        }
    }
    // 實(shí)例化
    var persion = newPersion("張三", 15);
    
    // 方案二
    function Persion(name, age) {
        var name = name,
            age = age;
        // print作為私有方法，只在內(nèi)部用于生成輸出字符串，并不需要暴露到外部
        var print = function(){
            return name + "今年" + age + "歲了！";
        }
        var setName = function(newName){
            name = newName;
        }
        var setAge = function(newAge){
            age = newAge;
        }
        var getInfo = function(){
            {
                name: name,
                age: age,
            }
        }
        var printInfo = function(){
            console.log(print());
        }
        return {
            name: name,
            age: age,
            setName: setName,
            setAge: setAge,
            getInfo: getInfo,
            printInfo: printInfo,
        }
    }
    // 實(shí)例化
    var persion = newPersion("張三", 15);
    // 此時(shí)實(shí)例化的persion 將不會(huì)暴露出print方法,我個(gè)人更傾向于方案二的方法，可以清楚的看出哪些屬性和方法需要暴露出來，也容易修改需要暴露的接口。

那么在ES6中我們要怎么實(shí)現(xiàn)私有的方法和屬性呢？其實(shí)方法很多，但都很不友好，我只總結(jié)了三種，如果有什么好的方法歡迎大家給我留言，不勝感激：）

// 私有方法 變通方案
// 方案一 (其實(shí)并不算一個(gè)方法。。。)
class Persion {
    constructor(name, age) { 
        this.name = name;
        this.age = age;
    }
    _print() { // 通常以“_”開頭命名的方法為內(nèi)部私有方法
        return name + "今年" + age + "歲了！";
    }
    setName(newName) {
        this.name = newName;
    }
    setName(newAge) {
        this.age= newAge;
    }
    printInfo() {
        console.log(_print());
    }
    getInfo() {
        return {
            name: this.name,
            name: this.age,
        }
    }
}
// 實(shí)例化
const persion = new Persion("張三", 15);
// 此時(shí)persion實(shí)例仍然能獲取到_print方法，只能用來區(qū)分私用和公有方法而已；

// 方案二
// 注意若使用ES6箭頭函數(shù)則this指向的是該方法本身，而非調(diào)用它的對(duì)象，
function _print() { // 外部聲明_print 方法，在內(nèi)部調(diào)用，此時(shí)_print 成為Persion類的私有方法
    return this.name + "今年" + this.age + "歲了！";
}
class Persion {
    constructor(name, age) { 
        this.name = name;
        this.age = age;
    }
    setName(newName) {
        this.name = newName;
    }
    setName(newAge) {
        this.age= newAge;
    }
    printInfo() {
        console.log(_print());
    }
    getInfo() {
        return {
            name: this.name,
            name: this.age,
        }
    }
}
// 實(shí)例化
const persion = new Persion("張三", 15);
// 此時(shí)persion實(shí)例獲取不到_print方法；
    
// 方案三
const print = Symbol("print"); // 聲明一個(gè)Symbol值，用來做為私有方法的名字
class Persion {
    constructor(name, age) { 
        this.name = name;
        this.age = age;
    }
    setName(newName) {
        this.name = newName;
    }
    setName(newAge) {
        this.age= newAge;
    }
    [bar]() {  // 將私有方法的名字命名為一個(gè)Symbol值。
        return this.name + "今年" + this.age + "歲了！";
    }
    printInfo() {
        console.log([bar]()); // 調(diào)用私有方法
    }
    getInfo() {
        return {
            name: this.name,
            name: this.age,
        }
    }
}
// 實(shí)例化
const persion = new Persion("張三", 15);
// 此時(shí)persion實(shí)例獲取不到[bar]方法；

# 追更
感謝 @黒之染 的評(píng)論， 構(gòu)造函數(shù)還可以通過prototype來添加對(duì)象

栗子：
```
function Persion(name, age){
    this.name = name,
    this.age = age,
}
Persion.prototype.getInfo = function(){
    return {
        name: this.name,
        age: this.name,
    }
}
// 實(shí)例化
var persion = new Persion("張三");
// 此時(shí)實(shí)例化后的對(duì)象persion擁有g(shù)etInfo()方法
persion.getInfo() // 輸出{name: "張三"}
```

關(guān)于js構(gòu)造函數(shù)的繼承可以看一下我的下一篇文章js構(gòu)造函數(shù)（繼承方法及利弊）