JavaScript對(duì)象封裝的簡(jiǎn)單實(shí)現(xiàn)方法(3種方法)
本文實(shí)例講述了JavaScript對(duì)象封裝的簡(jiǎn)單實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
Javascript在HTML中變得越來越強(qiáng)大,富客戶端,HTML5中的WebGL等。但是我們書寫Javascript的時(shí)候往往很隨意,使用對(duì)象的封裝是極好的。這里介紹Javascipt三種創(chuàng)建對(duì)象的方法。
1. 使用關(guān)鍵字new創(chuàng)建對(duì)象
function Person(name, age) { this.name = name; this.age = age; } var p = new Person(); // 也可填充初始化屬性,如new Person("lingceng", 22)
2. 使用Object直接創(chuàng)建對(duì)象
可以看出,這種方法擴(kuò)展很方便。
var obj = new Object(); // 這里也可寫成 var = {}; obj.name = "lingceng"; obj.age = 22;
3. 使用JSON創(chuàng)建(對(duì)象字面量的說法更準(zhǔn)確,但JSON更好理解)
從Javascript1.2開始,創(chuàng)建對(duì)象有了更快捷的方式。
var p = { name: "lingceng", // "name":"lingceng這樣加引號(hào)解析方式相同 gender: "male" };
實(shí)踐方式
結(jié)合構(gòu)造函數(shù)和原型模式創(chuàng)建對(duì)象的方式很適合實(shí)踐。
function Person(name,age) { // 實(shí)例屬性 // 實(shí)例時(shí)多份拷貝 this.name=name; this.age=age; } Person.prototype={ // 因?yàn)樵捅惶鎿Q,所以需要恢復(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
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- javascript 面向?qū)ο笕吕砭氈當(dāng)?shù)據(jù)的封裝
- Javascript 面向?qū)ο螅ǘ┓庋b代碼
- Javascript 面向?qū)ο缶幊蹋ㄒ唬?封裝
- javascript對(duì)XMLHttpRequest異步請(qǐng)求的面向?qū)ο蠓庋b
- javascript面向?qū)ο蟀b類Class封裝類庫(kù)剖析
- javascript 面向?qū)ο缶幊袒A(chǔ):封裝
- JavaScript之信息的封裝 js對(duì)象入門
- js實(shí)現(xiàn)對(duì)ajax請(qǐng)求面向?qū)ο蟮姆庋b
- javascript 面向?qū)ο蠓庋b與繼承
- JavaScript中的Primitive對(duì)象封裝介紹
- 學(xué)習(xí)Javascript面向?qū)ο缶幊讨庋b
- Javascript之面向?qū)ο?-封裝
相關(guān)文章
JavaScript NodeTree導(dǎo)航欄(菜單項(xiàng)JSON類型/自制)
利用閑暇時(shí)間自己做了個(gè)JavaScript NodeTree,網(wǎng)上有很多類似的效果,本例主要是練練手,鞏固下知識(shí),感興趣的朋友可以了解下,或許對(duì)你學(xué)習(xí)NodeTree導(dǎo)航欄有所幫助,認(rèn)為好的就分享嘍2013-02-02javascript DOM 操作基礎(chǔ)知識(shí)小結(jié)
經(jīng)常用到j(luò)avascript對(duì)dom,喜歡這方便的朋友也很多,要想更好的對(duì)dom進(jìn)行操作,這些基礎(chǔ)一定要知道的。2010-04-04一個(gè)JS函數(shù)搞定網(wǎng)頁(yè)標(biāo)題(title)閃動(dòng)效果
這篇文章主要介紹了使用JS函數(shù)實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題(title)閃動(dòng)效果的代碼,需要的朋友可以參考下2014-05-05Webpack中使用環(huán)境變量的各種正確姿勢(shì)
我們?cè)陂_發(fā)項(xiàng)目中都會(huì)遇到這種場(chǎng)景,區(qū)分開發(fā)環(huán)境、生產(chǎn)環(huán)境、測(cè)試環(huán)境,不同場(chǎng)景請(qǐng)求不同的接口Api,這時(shí)候項(xiàng)目中配置的「環(huán)境變量」就登場(chǎng)啦,這篇文章主要給大家介紹了關(guān)于Webpack中使用環(huán)境變量的各種正確姿勢(shì),需要的朋友可以參考下2021-09-09JavaScript架構(gòu)前端監(jiān)控搭建過程步驟
這篇文章主要為大家介紹了JavaScript架構(gòu)前端監(jiān)控搭建過程步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06js中document.write和document.writeln的區(qū)別
這篇文章主要介紹了js中document.write和document.writeln的區(qū)別,需要的朋友可以參考下2018-03-03JavaScript全屏和退出全屏事件總結(jié)(附代碼)
這篇文章主要介紹了JavaScript全屏和退出全屏事件,先通過window.ieIsfSceen = false或true進(jìn)行判斷是否為全屏,在進(jìn)行進(jìn)入全屏和退出全屏的操作,需要的朋友可以參考下2017-08-08