細說 Javascript 函數篇（五） : ?構造函數

sPeng 發布于2019-08-19 14:42 / 2965人閱讀

Javascript 中的構造函數與其他語言相比也是不同的。任何通過關鍵字 new 調用的函數都可以當做構造函數。
在構造函數體內，this 指向新創建的對象。如果構造函數體內沒有顯示的 return 表達式，那么我們就默認返回 this，也就是新建的對象。

function Foo() {
    this.bla = 1;
}

Foo.prototype.test = function() {
    console.log(this.bla);
};

var test = new Foo();

上面的代碼將 Foo 作為構造函數進行調用，并將新建對象的原型（__proto__）指向了 Foo.prototype。
如果我們在構造函數內定義返回的 return 表達式，構造函數就會返回整個表達式，但這個返回表達式必須為一個對象。

function Bar() {
    return 2;
}
new Bar(); // a new object

function Test() {
    this.value = 2;

    return {
        foo: 1
    };
}
new Test(); // the returned object

如果 new 被省略，那么函數將不能返回一個新的對象。

function Foo() {
    this.bla = 1; // gets set on the global object
}
Foo(); // undefined

上面的例子可能在某些場景下也可以運行，但由于 Javascript 中 this 的工作機制，這里 this 將指向全局對象。

工廠模式

為了能夠不使用關鍵字 new，構造函數將不得不顯示返回一個值。

function Bar() {
    var value = 1;
    return {
        method: function() {
            return value;
        }
    }
}
Bar.prototype = {
    foo: function() {}
};

new Bar();
Bar();

上例中使不使用 new 來調用函數 Bar 達到的效果是一樣的，將會返回一個新建的包含 method 方法的對象，這里實際上就是一個閉包。
這里需要注意一點，new Bar() 將不會返回 Bar.prototype，而是在 return 表達式內函數 method 的原型對象。
上例中，使用 new 與否在功能上是無差異的。

通過工廠模式創建新的對象

我們經常被提醒不要使用 new，因為一旦忘記了它的使用將導致錯誤。
為了創建一個對象，我們更愿意使用工廠模式并在工廠模式內構造一個新的對象。

function Foo() {
    var obj = {};
    obj.value = "blub";

    var private = 2;
    obj.someMethod = function(value) {
        this.value = value;
    }

    obj.getPrivate = function() {
        return private;
    }
    return obj;
}

盡管上例代碼比使用 new 時更不容易出錯，而且在使用私有變量時將更加方便，但同時也有一些不好的地方：

因為不能共享原型對象，所以需要更多的內存。

為了實現繼承，工廠模式需要拷貝另一個對象的所有方法或者將其作為新對象的原型。

放棄原型鏈只是為了避免使用 new，這似乎與 Javascript 語言的精神相悖。

總結

盡管使用 new 可能比較容易產生錯誤，但這并不能成為放棄使用原型鏈的原因。至于最后采取哪種方式，這需要根據應用的需求而定。最好的方式就是選擇一種風格并堅持下去。

參考

http://bonsaiden.github.io/JavaScript-Garden/#function.constructors

云服務器 GPU云服務器構造函數私有構造函數非構造函數構造函數對比

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78075.html

細說 Javascript 函數篇（二） : this 的工作機制

摘要：與其他編程語言相比，對的使用是一套完全不同的機制。在五種情況下的值是各有不同的。調用一個函數時在這里，同樣指向全局對象。此時在函數內，指向新建的對象。盡管，晚綁定初看上去是個不好的決定，但實際上這是原型式繼承工作的基礎。與其他編程語言相比，Javascript 對 this 的使用是一套完全不同的機制。this 在五種情況下的值是各有不同的。全局作用域下 this; 當在全...

ZoomQuiet 2019-08-21 12:16 評論0 收藏0
細說 Javascript 對象篇（二） : 原型對象

摘要：并沒有類繼承模型，而是使用原型對象進行原型式繼承。我們舉例說明原型鏈查找機制當訪問一個對象的屬性時，會從對象本身開始往上遍歷整個原型鏈，直到找到對應屬性為止。原始類型有以下五種型。此外，試圖查找一個不存在屬性時將會遍歷整個原型鏈。 Javascript 并沒有類繼承模型，而是使用原型對象 prototype 進行原型式繼承。盡管人們經常將此看做是 Javascript 的一個缺點，然...

lansheng228 2019-08-19 14:40 評論0 收藏0
細說 Javascript 數組篇（二） : 數組的構造函數和常見操作

摘要：數組的構造函數由于數組的構造函數在處理參數時的不確定性，因此強烈建議使用符號來創建一個新數組。總結綜上所述，我們應該盡量使用來創建新函數，而不是數組的構造函數，這樣代碼將有更好的可讀性。數組的構造函數由于數組的構造函數在處理參數時的不確定性，因此強烈建議使用 [] 符號來創建一個新數組。 [1, 2, 3]; // Result: [1, 2, 3] new Array(1, ...

kaka 2019-08-19 14:45 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

李昌杰 2019-08-16 10:40 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

Lyux 2019-06-28 13:32 評論0 收藏0