欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中對象的不同創(chuàng)建方法

 更新時間:2016年08月12日 15:33:18   作者:wksmile  
js對象與一般的面向?qū)ο蟮某绦蛟O(shè)計語言有所不同的。js中的對象是基本原型的。下面給大家介紹js中對象的不同創(chuàng)建方法,非常不錯,感興趣的朋友一起學(xué)習(xí)吧

javascript中的對象與一般的面向?qū)ο蟮某绦蛟O(shè)計語言(c++,Java等)不同,甚至很少有人說它是面向?qū)ο蟮某绦蛟O(shè)計語言,因為它沒有類。javaScript只有對象,不是類的實例。javascript中的對象是基于原型的。

1.1句點(diǎn)運(yùn)算符創(chuàng)建

  javascript中的對象實際上就是一個由屬性組成的關(guān)聯(lián)數(shù)組,屬性由名稱和值組成,值的類型可以是任何數(shù)據(jù)類型,或者函數(shù)和其他對象。

  創(chuàng)建一個簡單對象:

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world'; 
}
console.log(foo.prop_3()); 

  通過引用賦值給foo,{}是對象字面量的表示方法,var foo={}也可以通過var foo = new Object()來顯示地創(chuàng)建一個對象。

1.2 使用關(guān)聯(lián)數(shù)組創(chuàng)建對象。

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}

  javascript中使用句點(diǎn)運(yùn)算符和關(guān)聯(lián)數(shù)組引用是等價的。使用關(guān)聯(lián)數(shù)組的好處是在我們不知道對象的屬性名稱的時候可以用變量來作為關(guān)聯(lián)數(shù)組的索引。例如:

var some_prop = 'prop_2';
foo[some_prop] = false; 

1.3使用對象初始化器創(chuàng)建對象

  一般我們在使用的時候回采用下面這種方法創(chuàng)建對象:

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};

  這種定義的方法稱為對象得出初始化器

1.4 通過構(gòu)造函數(shù)創(chuàng)建對象。

  前面創(chuàng)建的對象都是一次性的。如果我們想創(chuàng)建多個規(guī)劃好的對象,有若干個固定的屬性、方法并且能夠初始化。我們可以通過構(gòu)造函數(shù)來創(chuàng)建復(fù)雜的對象:

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}

  然后可以用new語句創(chuàng)建對象。

var someuser = new User('byvoid','http://www.byvoid.com'); 

  然后就可以通過someuser來訪問這個對象的屬性和方法。

以上所述是小編給大家介紹的JavaScript中對象的不同創(chuàng)建方法 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 九個超級好用的Javascript技巧

    九個超級好用的Javascript技巧

    在實際的開發(fā)工作過程中,積累了一些常見又超級好用的 Javascript 技巧和代碼片段,包括整理的其他大神的 JS 使用技巧,今天篩選了 9 個,以供大家參考
    2023-04-04
  • 微信小程序?qū)崿F(xiàn)書架小功能

    微信小程序?qū)崿F(xiàn)書架小功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)書架小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • 微信瀏覽器左上角返回按鈕監(jiān)聽的實現(xiàn)

    微信瀏覽器左上角返回按鈕監(jiān)聽的實現(xiàn)

    這篇文章主要介紹了微信瀏覽器左上角返回按鈕監(jiān)聽的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • js 自動播放的實例代碼

    js 自動播放的實例代碼

    這篇文章主要介紹了js 自動播放的實例代碼,有需要的朋友可以參考一下
    2013-11-11
  • JavaScript中變量提升 Hoisting

    JavaScript中變量提升 Hoisting

    因為這個問題很是經(jīng)典,而且容易出錯,所以在介紹一次。哈哈。莫怪哦。
    2012-07-07
  • JS實現(xiàn)定時任務(wù)每隔N秒請求后臺setInterval定時和ajax請求問題

    JS實現(xiàn)定時任務(wù)每隔N秒請求后臺setInterval定時和ajax請求問題

    這篇文章主要介紹了JS實現(xiàn)定時任務(wù)每隔N秒請求后臺setInterval定時和ajax請求 的相關(guān)資料,需要的朋友可以參考下
    2017-10-10
  • js如何打印object對象

    js如何打印object對象

    這篇文章主要介紹了js如何打印object對象,需要的朋友可以參考下
    2015-10-10
  • JavaScript中setTimeout的那些事兒

    JavaScript中setTimeout的那些事兒

    JavaScript中setTimeout的那些事兒到底有什么?setTimeout單線程、延遲時間等,感興趣的小伙伴們可以參考一下
    2016-11-11
  • JavaScript 繪制餅圖的示例

    JavaScript 繪制餅圖的示例

    這篇文章主要介紹了JavaScript 繪制餅圖的示例,幫助大家更好的利用JavaScript繪制圖表,感興趣的朋友可以了解下
    2021-02-02
  • javascript性能優(yōu)化之DOM交互操作實例分析

    javascript性能優(yōu)化之DOM交互操作實例分析

    這篇文章主要介紹了javascript性能優(yōu)化之DOM交互操作技巧,結(jié)合實例形式總結(jié)分析了JavaScript針對DOM操作過程中的各種常見優(yōu)化操作技巧,需要的朋友可以參考下
    2015-12-12

最新評論