成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JS中創(chuàng)建對象的幾種設(shè)計模式

Galence / 2985人閱讀

摘要：構(gòu)造函數(shù)模式定義構(gòu)造函數(shù)模式是語言創(chuàng)建對象的通用方式。但兩種語言用構(gòu)造函數(shù)創(chuàng)建對象的方式略有不同在中沒有類的概念，函數(shù)即為一等公民，因此，不必顯式聲明某個類，直接創(chuàng)建構(gòu)造函數(shù)即可，類的方法和屬性在構(gòu)造函數(shù)中或原型對象上處理。

工廠模式

定義：工廠模式非常直觀，將創(chuàng)建對象的過程抽象為一個函數(shù)，用函數(shù)封裝以特定接口創(chuàng)建對象的細節(jié)。通俗地講，工廠模式就是將創(chuàng)建對象的語句放在一個函數(shù)里，通過傳入?yún)?shù)來創(chuàng)建特定對象，最后返回創(chuàng)建的對象。

缺陷：工廠模式雖然可以創(chuàng)建多個相似的對象，但卻不能解決對象標(biāo)識的問題，即怎樣知道一個對象的類型（如下，我只知道s1是Object--萬物皆對象，但我并不知道s1到底是Student類型還是Person類型？就好像是一個孤兒一樣，只能知道他是個人，但不知道他是哪家人。。。）

function createStudent(name,sex,grade){                                                         
    var o = new Object();
    o.name = name;
    o.sex = sex;
    o.grade = grade;

    o.sayName = function(){
        console.log(this.name);
    }
    return o;
}
var s1 = createStudent("Claiyre","famale",1);
構(gòu)造函數(shù)模式

定義：構(gòu)造函數(shù)模式是java語言創(chuàng)建對象的通用方式。（但兩種語言用構(gòu)造函數(shù)創(chuàng)建對象的方式略有不同）

在JavaScript中沒有類的概念，函數(shù)即為一等公民，因此，不必顯式聲明某個類，直接創(chuàng)建構(gòu)造函數(shù)即可，類的方法和屬性在構(gòu)造函數(shù)中（或原型對象上）處理。

function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
    this.sayName = function(){
        console.log(this.name);
    }
}
var s2 = new Student("孫悟空","male",2);

注意：構(gòu)造函數(shù)的函數(shù)名首字母是大寫的，而普通函數(shù)首字母則是小寫，這是眾多OO語言約定俗成的規(guī)定，雖然大多數(shù)情況下不大寫也不會報錯，但是為了代碼的規(guī)范性和可讀性，還是應(yīng)該將構(gòu)造函數(shù)的首字母大寫，與普通函數(shù)區(qū)別開。

優(yōu)勢：與工廠模式相比，用構(gòu)造模式創(chuàng)建對象有以下幾點不同：

沒有顯示地創(chuàng)建對象


直接將屬性和方法賦給this對象


沒有return語句

缺陷：每個方法都要在每個實例上創(chuàng)建一遍：在ECMAScript中，函數(shù)即對象，因此每定義一個函數(shù)，也就是實例化了一個對象。通過構(gòu)造函數(shù)實例化的多個對象的方法，是多個不同的方法，但它們內(nèi)部的代碼以及實現(xiàn)的功能是相同的，這就造成了一定的資源浪費。

原型模式

定義：js中，每個函數(shù)都有一個prototype屬性，它指向一個對象，叫做原型對象，原型對象包含了可以由特定類型的所有實例對象共享的屬性和方法。此外，這個對象有一個與生自來的屬性constructor，指向創(chuàng)建對象的構(gòu)造方法。使用原型模式可以讓所有的實例共享原型對象中的屬性和方法，也就是說，不必再構(gòu)造函數(shù)中定義對象實例的信息。

function Student_1(){

}
Student_1.prototype.name = "Claiyre";
Student_1.prototype.sex = "female";
Student_1.prototype.class = 5;
Student_1.prototype.sayName = function (){
    console.log(this.name);
}

var s5 = new Student_1();                                                         
s5.sayName();    //Claiyre
var s6 = new Student_1();
s6.sayName();    //Claiyre

引申知識點：


Object.getPrototypeOf(object)方法返回參數(shù)對象的原型對象。



Object.keys(object)方法返回對象上枚舉的實例屬性。

缺陷：原型中的所有屬性都是被所有實例所共享的，這種共享對于函數(shù)來說非常合適，對于包含基本值的屬性也說的過去（實例屬性會覆蓋原型同名屬性），但對于那些包含引用類型的屬性，可有大麻煩了:

Student_1.prototype.friends = ["aa","bb"];

console.log("s6的朋友" + s6.friends); // s6的朋友aa,bb
s5.friends.push("cc");
console.log("s5的朋友" + s5.friends); // s5的朋友aa,bb,cc
console.log("s6的朋友" + s6.friends); // s6的朋友aa,bb,cc
// 我們只想改變s5的朋友列表，但由于原型模式的共享本質(zhì)，s6的朋友列表也隨之改變了
組合使用構(gòu)造函數(shù)和原型模式

定義：構(gòu)造函數(shù)模式用于定義實例屬性，原型模式則用于定義方法和共享的屬性。這種混合模式不僅支持向構(gòu)造函數(shù)傳入?yún)?shù)，還最大限度地節(jié)約了內(nèi)存，可謂是集兩模式之長。

 function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
}

Student.prototype.sayName = function(){
        console.log(this.name);
}
Student.prototype.school = "Joooh school";
其他模式 
除了以上幾種常見的模式外，批量創(chuàng)建對象的方式還有



動態(tài)原型模式：僅在第一次調(diào)用構(gòu)造函數(shù)時，將方法賦給原型對象的相應(yīng)屬性，其他示例的處理方式同構(gòu)造函數(shù)模式


寄生構(gòu)造函數(shù)模式：僅僅封裝創(chuàng)建對象的代碼，然后再返回新創(chuàng)建的對象，仍使用new操作符調(diào)用


穩(wěn)妥構(gòu)造函數(shù)模式：沒有公共屬性，只有私有變量和方法，以及一些get/set方法，用以處理私有變量

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/102261.html

相關(guān)文章

  • 在Js中創(chuàng)建對象的幾種方式

    摘要：對象字面量的方式今年創(chuàng)建實例的發(fā)明者我是今年屬性是可以動態(tài)添加，修改的構(gòu)造函數(shù)無參構(gòu)造函數(shù)有參構(gòu)造函數(shù)我叫，今年歲實例化創(chuàng)建對象調(diào)用方法由于指針在對象實例的時候發(fā)生改變指向新的實例。是我的名字混合方式構(gòu)造函數(shù)原型我是，今年 javascript創(chuàng)建對象簡單的說,無非就是使用內(nèi)置對象或各種自定義對象，當(dāng)然還可以用JSON；方法很多，也能混合使用。 對象字面量的方式： var pers...

    willin 評論0 收藏0

  • JS中創(chuàng)建函數(shù)的幾種方式

    使用 函數(shù)聲明 創(chuàng)建函數(shù) 語法： * function 函數(shù)名([形參1,形參2...形參N]){ * 語句... * } */ function fun2(){ console.log(這是我的第二個函數(shù)~~...

    Joyven 評論0 收藏0

  • js 創(chuàng)建對象的幾種方式

    摘要：可以無數(shù)次地調(diào)用這個函數(shù)，而每次它都會返回一個包含三個屬性一個方法的對象構(gòu)造函數(shù)模式原型模式組合使用構(gòu)造函數(shù)模式和原型模式創(chuàng)建自定義類型的最常見方式，就是組合使用構(gòu)造函數(shù)模式與原型模式。 JS中創(chuàng)建對象的主要模式有 工廠模式 工廠模式抽象了具體創(chuàng)建對象的過程例如 function?createPerson(name,?age,?job){ ????var?o?=?new?Object(...

    seanlook 評論0 收藏0

  • 文件上傳的幾種方法——webuploader篇

    摘要：本來想把這幾種方法放在同一篇寫的，寫完，已經(jīng)很長了，想想還是分開的比較好。是由團隊開發(fā)的一個簡單的以為主為輔的現(xiàn)代文件上傳組件。因為是，就拿著的來用一下選擇文件的按鈕。也可以重寫上傳事件。如果不自動上傳的話，可以通過觸發(fā)。 本來想把這幾種方法放在同一篇寫的，寫完xhr，已經(jīng)很長了，想想還是分開的比較好。webuploader是由Baidu WebFE(FEX)團隊開發(fā)的一個簡單的以HT...

    Amos 評論0 收藏0

  • 判斷是否是數(shù)組的幾種方法— (js基礎(chǔ)復(fù)習(xí)第1期)

    摘要：如果網(wǎng)頁中包含多個框架，那實際上就存在兩個以上不同的全局執(zhí)行環(huán)境，從而存在兩個以上不同版本的構(gòu)造函數(shù)。如果你從一個框架向另一個框架傳入一個數(shù)組，那么傳入的數(shù)組與在第二個框架中原生創(chuàng)建的數(shù)組分別具有各自不同的構(gòu)造函數(shù)。 1. 首先，typeof肯定是不行的 對于一些基本類型，typeof是可以判斷出數(shù)據(jù)類型，但是判斷一些引用類型時候，不能具體到具體哪一種類型 再來復(fù)習(xí)一下typeof的...

    supernavy 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<