JavaScript對象封裝的簡單實現(xiàn)方法(3種方法)
更新時間：2017年01月03日 11:27:20 作者：lingceng
這篇文章主要介紹了JavaScript對象封裝的簡單實現(xiàn)方法,結合實例形式分析了3種簡單實現(xiàn)方法與相關注意事項,需要的朋友可以參考下
本文實例講述了JavaScript對象封裝的簡單實現(xiàn)方法。分享給大家供大家參考，具體如下：
Javascript在HTML中變得越來越強大，富客戶端，HTML5中的WebGL等。但是我們書寫Javascript的時候往往很隨意，使用對象的封裝是極好的。這里介紹Javascipt三種創(chuàng)建對象的方法。
1. 使用關鍵字new創(chuàng)建對象
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person(); // 也可填充初始化屬性，如new Person("lingceng", 22)
2. 使用Object直接創(chuàng)建對象
可以看出，這種方法擴展很方便。
var obj = new Object(); // 這里也可寫成 var = {};
obj.name = "lingceng";
obj.age = 22;
3. 使用JSON創(chuàng)建（對象字面量的說法更準確，但JSON更好理解）
從Javascript1.2開始，創(chuàng)建對象有了更快捷的方式。
var p = {
name: "lingceng", // "name":"lingceng這樣加引號解析方式相同
gender: "male"
};
實踐方式
結合構造函數(shù)和原型模式創(chuàng)建對象的方式很適合實踐。
function Person(name,age)
｛
// 實例屬性
// 實例時多份拷貝
this.name=name;
this.age=age;
}
Person.prototype={
// 因為原型被替換，所以需要恢復construtor的默認指向
constructor: Person,
showName:function(){
alert("ShowName in prototype:"+this.name);
},
showAge:function(){
alert(this.age);
}
}
var p = new Person("lingceng", 22);
p.showAge(); // 22
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
相關文章
今天看了一下msdn文檔，發(fā)現(xiàn)IE8打算增加 XDomainRequest （http://msdn.microsoft.com/en-us/library/cc288060(VS.85).aspx） 跨站數(shù)據(jù)獲取的接口2008-07-07
熟悉css的開發(fā)者一定知道圖像替換技術，也深知它的意義，Dave Shea 曾在他的一篇文章對此做了詳細的總結2010-01-01
JavaScript NodeTree導航欄(菜單項JSON類型/自制)
利用閑暇時間自己做了個JavaScript NodeTree，網(wǎng)上有很多類似的效果，本例主要是練練手，鞏固下知識，感興趣的朋友可以了解下，或許對你學習NodeTree導航欄有所幫助,認為好的就分享嘍2013-02-02
經(jīng)常用到javascript對dom，喜歡這方便的朋友也很多，要想更好的對dom進行操作，這些基礎一定要知道的。2010-04-04
一個JS函數(shù)搞定網(wǎng)頁標題(title)閃動效果
這篇文章主要介紹了使用JS函數(shù)實現(xiàn)網(wǎng)頁標題(title)閃動效果的代碼,需要的朋友可以參考下2014-05-05
我們在開發(fā)項目中都會遇到這種場景,區(qū)分開發(fā)環(huán)境、生產(chǎn)環(huán)境、測試環(huán)境,不同場景請求不同的接口Api,這時候項目中配置的「環(huán)境變量」就登場啦,這篇文章主要給大家介紹了關于Webpack中使用環(huán)境變量的各種正確姿勢,需要的朋友可以參考下2021-09-09
事件就是用戶或瀏覽器自身執(zhí)行的某種動作。比如說click,mouseover，都是事件的名字。而相應某個事件的函數(shù)就叫事件處理程序（或事件偵聽器）。為事件指定處理程序的方式有好幾種2012-06-06
這篇文章主要為大家介紹了JavaScript架構前端監(jiān)控搭建過程步驟，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
js中document.write和document.writeln的區(qū)別
這篇文章主要介紹了js中document.write和document.writeln的區(qū)別,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了JavaScript全屏和退出全屏事件,先通過window.ieIsfSceen = false或true進行判斷是否為全屏，在進行進入全屏和退出全屏的操作,需要的朋友可以參考下2017-08-08