成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

javascript創(chuàng)建對象

Keven / 502人閱讀

摘要:就是通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個對象實例的原型對象。與寄生構(gòu)造函數(shù)模式類似,使用穩(wěn)妥構(gòu)造函數(shù)模式創(chuàng)建的對象與構(gòu)造函數(shù)之間也沒有什么關(guān)系,因此操作符對這種對象也沒有什么意義

雖然Object構(gòu)造函數(shù)或?qū)ο笞置媪慷伎梢杂脕韯?chuàng)建單個對象,但是這些方法有明顯的缺點:使用同一個接口創(chuàng)建很多對象,會產(chǎn)生大量重復代碼。因此人們開始使用工廠模式。

工廠模式

這種模式抽象了創(chuàng)建具體對象的過程

function createPerson(name,age){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.sayName = function(){
        alert(this.name);
    };
    return o;
}

var person1 = new createPerson("liaojin",18);
var person2 = new createPerson("xiaoguan",20);

函數(shù)createPerson()能夠根據(jù)接受的參數(shù)來構(gòu)建一個包含所有必要信息的Person對象。可以無數(shù)次的調(diào)用這個函數(shù),而每次它都會返回一個包含兩個屬性以個方法的對象。工廠模式雖然解決了創(chuàng)建多個相似對象的問題,但卻沒有解決對象識別的問題(即怎樣知道一個對象的類型)。

構(gòu)造函數(shù)模式

使用構(gòu)造函數(shù)將上述例子重寫

function Person(name,age){
    this.name = name;
    this.age = age;
    this.sayName = function(){
        alert(this.name);
    };
}

var person1 = new Person("liaojin",18);
var person2 = new Person("xiaoguan",20);

在這個例子中,Person()函數(shù)取代了createPerson()函數(shù)。注意到Person()中的代碼與createPerson()的不同之處:
1.沒有顯示的創(chuàng)建對象
2.直接將屬性和方法賦值給了this對象
3.沒有return語句
要創(chuàng)建Person新實例,必須使用new操作符。這種方式會經(jīng)理以下四個步驟:
1.創(chuàng)建一個新對象
2.將構(gòu)造函數(shù)的作用域賦給新對象(因此this就指向了這個新對象)
3.執(zhí)行構(gòu)造函數(shù)中的代碼(為這個新對象添加屬性)
4.返回新對象
person1和person2分別保存著Person的一個不同實例。這兩個對象都有一個constructor屬性,該屬性指向Person。

alert(person1.constructor == Person);//true
alert(person2.constructor == Person);//true

對象的constructor屬性最初是用來表示對象類型的,但是檢測對象類型還是instanceof更可靠一些。這個例子中創(chuàng)建的所有對象即是Object的實例,同時也是Person的實例。
創(chuàng)建自定義的構(gòu)造函數(shù)意味著將來可以將它的實例標識為一種特定的類型;person1和person2之所以同時是Object的實例,是因為所有對象均繼承自O(shè)bject.

將構(gòu)造函數(shù)當做函數(shù)

構(gòu)造函數(shù)與其他函數(shù)唯一的區(qū)別就在于調(diào)用他們的方式不同。
任何函數(shù)只要通過new操作符來調(diào)用,那他就可以作為構(gòu)造函數(shù);而任何函數(shù)如果不通過new操作符來調(diào)用,那他跟普通函數(shù)沒有區(qū)別。
如上述例子中的Person()函數(shù)可以通過下列任何一種方式來調(diào)用。

//當做構(gòu)造函數(shù)調(diào)用
var person = new Person("liaojin",18);
person.sayName();//liaojin

//作為普通函數(shù)調(diào)用
Person("lihua",12);
window.sayName();//lihua

//在另一個對象的作用域調(diào)用
var o = new Object();
Person.call(o,"xiaoguan",20);
o.sayName();//xiaoguan
構(gòu)造函數(shù)的問題

構(gòu)造函數(shù)模式雖然好用,但是也有缺點。使用構(gòu)造函數(shù)的主要問題,就是每個方法都要在每個實例上重新創(chuàng)建一遍。如同this.sayName =new function(){alert(this.name);};在上面的構(gòu)造函數(shù)中sayName()的方法,person1和person2雖然都調(diào)用了這個方法,但是調(diào)用的并不是同一個Function實例。因此不同實例的同名函數(shù)是不相等的

alert(person1.sayName == person2.sayName);//false

然而創(chuàng)建兩個完成同樣任務(wù)的Function實例的確沒有必要;因此可以通過吧函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部來解決這個問題

function Person(name,age){
    this.name = name;
    this.age = age;
    this.sayName = sayName;
}
function sayName(){
    alert(this.name);
}
var person1 = new Person("liaojin",18);
var person2 = new Person("xiaoguan",20);

在構(gòu)造函數(shù)內(nèi)部,我們將sayName屬性設(shè)置為指向全局的sayName函數(shù),由于sayName包含的是指向函數(shù)的指針,person1,person2共享了一個sayName函數(shù),解決了兩個函數(shù)做同樣一件事的問題。
可是隨即有產(chǎn)生了新的問題:在全局作用域定義的函數(shù)實際上只能被某個對象調(diào)用,這讓全局函數(shù)優(yōu)點名不副實。如果對象需要定義很多方法,那么就需要定義多個全局函數(shù),于是自定義的引用類型就沒有封裝性可言了,因此產(chǎn)生了原型模式。

原型模式

我們所創(chuàng)建的每個函數(shù)都有一個prototype屬性,這個屬性是一個指針,指向一個對象,而這個對象的用途就是包含可以由特定類型的所有實例共享的屬性和方法。prototype就是通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個對象實例的原型對象??梢宰屗袑ο蟮膶嵗蚕硭膶傩院头椒?。

function Person(){}
Person.prototype.name = "liaojin";
Person.prototype.age = 18;
Person.prototype.sayName = function(){
    alert(this.name);
};

var person1 = new Person();
Person1.sayName();//liaojin
var person2 = new Person();
Person2.sayName();//liaojin

alert(person1.sayName == person2.sayName);//true
組合使用構(gòu)造函數(shù)模式和原型模式

構(gòu)造函數(shù)用于定義實例屬性,而原型模式用于定義方法和共享的屬性。這樣每個實例都會有自己的實例屬性的副本,但同時又共享著對方法的引用,最大限度地節(jié)省了內(nèi)存。

function Person(name,age){
    this.name = name;
    this.age = age;
    this.friends = ["lucy","lily"];
}

Person.prototype = {
    constructor:Person,
    sayName:function(){
        alert(this.name);
    }
}
var person1 = new Person("liaojin",18);
var person2 = new Person("xiaoguan",20);

person1.friends.push("lihua");
alert(person1.friends);//lucy,lily,lihua
alert(person2.friends);//lucy,lily
alert(person1.friends == person2.friends);//false
alert(person1.sayName == person2.sayName);//true
動態(tài)原型模式

有其他面向?qū)ο蠼?jīng)驗開發(fā)的人員看到獨立的構(gòu)造函數(shù)和原型時,很可能會肥腸困惑,動態(tài)原型模式就是解決這個問題的一個方案。

function Person(name,age){
    this.name = name;
    this.age = age;
}
if(typeof this.sayName != "function"){
    Person.prototype.sayName = function(){
        alert(this.name);
    };
}

這里只在sayName()方法不存在的情況下才會將它添加到原型中。這段代碼只會在初期調(diào)用才會執(zhí)行。

寄生構(gòu)造函數(shù)模式

這個模式可以在特殊的情況下用來為對象創(chuàng)建構(gòu)造函數(shù)。假設(shè)我們想創(chuàng)建一個具有額外方法的特殊數(shù)組。由于不能直接修改Array構(gòu)造函數(shù),因此可以使用這個模式。

function SpecialArray(){
    var values = new Array();
    values.push.apply(values,arguments);
    values.toPipedString = function(){
        return this.join("|");
    };
    return values;
}
var colors = new SpecialArray["red","blue","green"];
alert(colors.toPipedString());//red|blue|green

說明:關(guān)于寄生構(gòu)造函數(shù)模式,首先返回的對象與構(gòu)造函數(shù)或者與構(gòu)造函數(shù)的原型屬性之間沒有關(guān)系;構(gòu)造函數(shù)返回的對象與在構(gòu)造函數(shù)外部創(chuàng)建的對象沒有什么不同。因此不能依賴instanceof操作符來確定對象的類型。

穩(wěn)妥構(gòu)造函數(shù)模式

所謂穩(wěn)妥對象,指的是沒有公共屬性,而且其方法也不引用this的對象。穩(wěn)妥對象最適合在一些安全的環(huán)境中(禁止使用this和new的環(huán)境),或者在防止數(shù)據(jù)被其他應(yīng)用程序改動時使用。與寄生構(gòu)造函數(shù)類似的模式;但有兩點不同:1.新創(chuàng)建對象的實例方法不引用this;2.不使用new操作符調(diào)用構(gòu)造函數(shù);

function Person(name,age){
    var o = new Object();
    o.sayName = function(){
    alert(name);
    };
    return o;
}

//使用
var friend = Person("liaojin",18);
friend.sayName();//liaojin

這樣變量person中保存的是一個穩(wěn)妥對象,而除了調(diào)用sayName()方法外,沒有別的方法可以訪問其數(shù)據(jù)成員,即使有其他代碼會給這個對象添加方法或數(shù)據(jù)成員,但也不可能有別的辦法訪問傳入到構(gòu)造函數(shù)中的原始數(shù)據(jù),非常適合在某些安全執(zhí)行環(huán)境下使用。
與寄生構(gòu)造函數(shù)模式類似,使用穩(wěn)妥構(gòu)造函數(shù)模式創(chuàng)建的對象與構(gòu)造函數(shù)之間也沒有什么關(guān)系,因此instanceof操作符對這種對象也沒有什么意義

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/95645.html

相關(guān)文章

  • JavaScript中的面向對象(object-oriented)編程

    摘要:對象在中,除了數(shù)字字符串布爾值這幾個簡單類型外,其他的都是對象。那么在函數(shù)對象中,這兩個屬性的有什么區(qū)別呢表示該函數(shù)對象的原型表示使用來執(zhí)行該函數(shù)時這種函數(shù)一般成為構(gòu)造函數(shù),后面會講解,新創(chuàng)建的對象的原型。這時的函數(shù)通常稱為構(gòu)造函數(shù)。。 本文原發(fā)于我的個人博客,經(jīng)多次修改后發(fā)到sf上。本文仍在不斷修改中,最新版請訪問個人博客。 最近工作一直在用nodejs做開發(fā),有了nodejs,...

    JerryZou 評論0 收藏0
  • [譯] V8 使用者文檔

    摘要:注意句柄棧并不是調(diào)用棧中的一部分,但句柄域卻在棧中。一個依賴于構(gòu)造函數(shù)和析構(gòu)函數(shù)來管理下層對象的生命周期。對象模板用來配置將這個函數(shù)作為構(gòu)造函數(shù)而創(chuàng)建的對象。 如果你已經(jīng)閱讀過了上手指南,那么你已經(jīng)知道了如何作為一個單獨的虛擬機使用 V8 ,并且熟悉了一些 V8 中的關(guān)鍵概念,如句柄,域 和上下文。在本文檔中,還將繼續(xù)深入討論這些概念并且介紹其他一些在你的 C++ 應(yīng)用中使用 V8 的...

    lei___ 評論0 收藏0
  • JavaScript對象

    摘要:對象的分類內(nèi)置對象原生對象就是語言預定義的對象,在標準定義,有解釋器引擎提供具體實現(xiàn)宿主對象指的是運行環(huán)境提供的對象。不過類型是中所有類型的父級所有類型的對象都可以使用的屬性和方法,可以通過的構(gòu)造函數(shù)來創(chuàng)建自定義對象。 對象 javaScript中的對象,和其它編程語言中的對象一樣,可以比照現(xiàn)實生活中的對象來理解。在JavaScript中,一個對象可以是一個單獨擁有屬性和類型的實體。和...

    xavier 評論0 收藏0
  • JavaScript基礎(chǔ)之創(chuàng)建對象、原型、原型對象、原型鏈

    摘要:在最開始的時候,原型對象的設(shè)計主要是為了獲取對象的構(gòu)造函數(shù)。同理數(shù)組通過調(diào)用函數(shù)通過調(diào)用原型鏈中描述了原型鏈的概念,并將原型鏈作為實現(xiàn)繼承的主要方法。 對象的創(chuàng)建 在JavaScript中創(chuàng)建一個對象有三種方式??梢酝ㄟ^對象直接量、關(guān)鍵字new和Object.create()函數(shù)來創(chuàng)建對象。 1. 對象直接量 創(chuàng)建對象最直接的方式就是在JavaScript代碼中使用對象直接量。在ES5...

    wangbjun 評論0 收藏0
  • JavaScript 工廠函數(shù) vs 構(gòu)造函數(shù)

    摘要:當談到語言與其他編程語言相比時,你可能會聽到一些令人困惑東西,其中之一是工廠函數(shù)和構(gòu)造函數(shù)。好的,讓我們用構(gòu)造函數(shù)做同樣的實驗。當我們使用工廠函數(shù)創(chuàng)建對象時,它的指向,而當從構(gòu)造函數(shù)創(chuàng)建對象時,它指向它的構(gòu)造函數(shù)原型對象。 showImg(https://segmentfault.com/img/bVbr58T?w=1600&h=900); 當談到JavaScript語言與其他編程語言...

    RayKr 評論0 收藏0
  • JavaScript學習筆記(二) 對象與函數(shù)

    摘要:在中函數(shù)是一等對象,它們不被聲明為任何東西的一部分,而所引用的對象稱為函數(shù)上下文并不是由聲明函數(shù)的方式?jīng)Q定的,而是由調(diào)用函數(shù)的方式?jīng)Q定的。更為準確的表述應(yīng)該為當對象充當函數(shù)的調(diào)用函數(shù)上下文時,函數(shù)就充當了對象的方法。 引言:當理解了對象和函數(shù)的基本概念,你可能會發(fā)現(xiàn),在JavaScript中有很多原以為理所當然(或盲目接受)的事情開始變得更有意義了。 1.JavaScript...

    jeffrey_up 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<