建站
咨詢
售后
建站咨詢
新聞中心
網(wǎng)上實(shí)現(xiàn)javascript寫類的方法有很多, 總結(jié)下不外乎以下幾種. 我自己學(xué)習(xí)總結(jié)了一下.
我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、鄞州ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的鄞州網(wǎng)站制作公司
構(gòu)造方法方式；原型方式；構(gòu)造方法+原型的混合方式
現(xiàn)在具體分析一下以上方式的優(yōu)缺點(diǎn):
構(gòu)造方法方式
這是最基本的也是最像Java寫class的方式. 上代碼:
- //創(chuàng)建一個(gè)Student類
- function Student(name){
- this.name = name;
- this.sayName = function(){
- alert(this.name);
- };
- }
- //new兩個(gè)不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//顯示jimmy
- henry.sayName();//顯示henry
這樣的方法簡(jiǎn)單明了, 也符合JAVAer的胃口, 但是每new一個(gè)新對(duì)象, 就會(huì)在內(nèi)存中分配一個(gè)sayName方法, 性能不是很好.
原型方式
- //創(chuàng)建一個(gè)Student類
- //屬性和方法都通過Student.prototype設(shè)置
- function Student(name){
- Student.prototype = name;
- Student.prototype.sayName = function(){
- alert(this.name);
- }
- }
- //new兩個(gè)不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//顯示henry!!!
- henry.sayName();//顯示henry!!!
也許執(zhí)行的代碼和有些童鞋的期望有出入. 兩次alert都彈出henry! 其實(shí)很好理解. 屬性和方法都通過prototype設(shè)置. 不同對(duì)象的同一個(gè)屬性或者方法都指向同一個(gè)內(nèi)存, 所以henry是在jimmy后設(shè)置的. 所以henry把jimmy覆蓋了.
混合方式
構(gòu)造方法的方式可以為同一個(gè)類的每一個(gè)對(duì)象分配不同的內(nèi)存, 這很適合寫類的時(shí)候設(shè)置屬性, 但是設(shè)置方法的時(shí)候我們就需要讓同一個(gè)類的不同對(duì)象共享同一個(gè)內(nèi)存了. 寫方法用原型的方式***. 所以寫類的時(shí)候需要把構(gòu)造方法和原型兩種方式混合著用. 廢話少說, 看代碼:
- //創(chuàng)建一個(gè)Student類
- //屬性通過構(gòu)造方法設(shè)置
- //方法通過Student.prototype設(shè)置
- function Student(name){
- this.name = name;
- Student.prototype.sayName = function(){
- alert(this.name);
- }
- }
- //new兩個(gè)不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//顯示jimmy
- henry.sayName();//顯示henry
so far so good. 同一類的不同對(duì)象, 屬性各自占有內(nèi)存, 方法共享同一內(nèi)存. 其實(shí)這里還是有一個(gè)小問題:
每new一個(gè)新對(duì)象, 就會(huì)執(zhí)行一次
- Student.prototype.sayName = function(){
- alert(this.name);
- }
造成不必要的重復(fù)運(yùn)算. 可以在類里面設(shè)置一個(gè)標(biāo)記位, ***次執(zhí)行的時(shí)候給這個(gè)標(biāo)志位設(shè)置true, 如果為true就不再為prototype設(shè)置方法.
責(zé)任編輯：張偉
來源： jimmy_jia的博客 JavaScript
分享題目：實(shí)現(xiàn)JavaScript編寫類的方式
文章網(wǎng)址：http://m.5511xx.com/article/dpgijdg.html
