JavaScript對象封裝的簡單實現(xiàn)方法(3種方法)

更新時間：2017年01月03日 11:27:20 作者：lingceng

這篇文章主要介紹了JavaScript對象封裝的簡單實現(xiàn)方法,結(jié)合實例形式分析了3種簡單實現(xiàn)方法與相關(guān)注意事項,需要的朋友可以參考下

本文實例講述了JavaScript對象封裝的簡單實現(xiàn)方法。分享給大家供大家參考，具體如下：

Javascript在HTML中變得越來越強(qiáng)大，富客戶端，HTML5中的WebGL等。但是我們書寫Javascript的時候往往很隨意，使用對象的封裝是極好的。這里介紹Javascipt三種創(chuàng)建對象的方法。

1. 使用關(guān)鍵字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)建對象

可以看出，這種方法擴(kuò)展很方便。

var obj = new Object(); // 這里也可寫成 var = {};
obj.name = "lingceng";
obj.age = 22;

3. 使用JSON創(chuàng)建（對象字面量的說法更準(zhǔn)確，但JSON更好理解）

從Javascript1.2開始，創(chuàng)建對象有了更快捷的方式。

var p = {
 name: "lingceng", // "name":"lingceng這樣加引號解析方式相同
 gender: "male"
};

實踐方式

結(jié)合構(gòu)造函數(shù)和原型模式創(chuàng)建對象的方式很適合實踐。

function Person(name,age)
｛
  // 實例屬性
  // 實例時多份拷貝
  this.name=name;
  this.age=age;
}
Person.prototype={
  // 因為原型被替換，所以需要恢復(fù)construtor的默認(rèn)指向
  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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序選擇圖片和放大預(yù)覽圖片功能
這篇文章主要介紹了微信小程序圖片放大預(yù)覽功能的實現(xiàn)方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-11-11
一文教會你微信小程序如何實現(xiàn)登錄
微信小程序頁面畫好后,需要開始做一系列和用戶的交互功能了,首先就是登錄,這篇文章主要給大家介紹了關(guān)于微信小程序如何實現(xiàn)登錄的相關(guān)資料,需要的朋友可以參考下
2022-07-07
Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法
本篇文章主要介紹了Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-12-12
JavaScript實現(xiàn)的商品搶購倒計時功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的商品搶購倒計時功能,可實現(xiàn)分秒級別的實時顯示倒計時效果,涉及js日期時間計算與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-04-04
JavaScript 注冊表訪問實現(xiàn)代碼
下面的代碼是讀取media palyer的默認(rèn)路徑。運(yùn)行后確認(rèn)即可，本程序沒有安全問題，大家放心測試。
2009-07-07
淺談JavaScript 覆蓋原型以及更改原型
下面小編就為大家?guī)硪黄獪\談JavaScript 覆蓋原型以及更改原型。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨過來看看吧
2016-08-08
Bootstrapvalidator校驗、校驗清除重置的實現(xiàn)代碼(推薦)
這篇文章給大家介紹了bootstrapvalidator校驗、校驗清除重置的實現(xiàn)代碼，在代碼中需要我們引入css與js文件，大家可以參考下文的代碼
2016-09-09
js實現(xiàn)新浪微博首頁效果
現(xiàn)在微博都有一個不錯的效果就是會實時的動態(tài)滾動并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。
2015-10-10
JavaScript+Html5實現(xiàn)按鈕復(fù)制文字到剪切板功能(手機(jī)網(wǎng)頁兼容)
在學(xué)習(xí)javascript的過程中，遇到一個問題就是基于JavaScript+Html5實現(xiàn)按鈕復(fù)制文字到剪切板功能，下面小編給大家分享下我的實現(xiàn)思路，感興趣的朋友可以參考下
2017-03-03
JavaScript實現(xiàn)點擊文字切換登錄窗口的方法
這篇文章主要介紹了JavaScript實現(xiàn)點擊文字切換登錄窗口的方法,涉及javascript操作div層及相關(guān)樣式的技巧,需要的朋友可以參考下
2015-05-05