麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

javascript中類的定義方式詳解(四種方式)

2024-05-06 16:26:41
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了javascript中類的定義方式,結合實例形式較為詳細的分析了JavaScript中類的四種定義方式,具有一定參考借鑒價值,需要的朋友可以參考下
 

本文實例講述了javascript中類的定義方式。分享給大家供大家參考,具體如下:

類的定義包括四種方式:

1、工廠方式

function createCar(name,color,price){  var tempcar=new Object;  tempcar.name=name;  tempcar.color=color;  tempcar.price=price;  tempcar.getName=function(){   document.write(this.name+"-----"+this.color+"<br>");  };  return tempcar;}var car1=new createCar("工廠桑塔納","red","121313");car1.getName();

定義了一個能創建并返回特定類型對象的工廠函數, 看起來還是不錯的, 但有個小問題 ,

每次調用時都要創建新函數 showColor,我們可以把它移到函數外面,

function getName(){  document.write(this.name+"-----"+this.color+"<br>");}

在工廠函數中直接指向它

復制代碼代碼如下:
tempCar.getName = getName;

 

這樣避免了重復創建函數的問題,但看起來不像對象的方法了。

2、構造函數方式

function Car(name,color,price){  this.name=name;  this.color=color;  this.price=price;  this.getColor=function(){   document.write(this.name+"-----"+this.color+"<br>");  };}var car2=new Car("構造桑塔納","red","121313");car2.getColor(); 

可以看到與第一中方式的差別,在構造函數內部無創建對象,而是使用 this 關鍵字。

使用 new 調用構造函數時,先創建了一個對象,然后用 this 來訪問。

這種用法于其他面向對象語言很相似了, 但這種方式和上一種有同一個問題, 就是重復創建函數。

3、原型方式

function proCar(){}proCar.prototype.name="原型";proCar.prototype.color="blue";proCar.prototype.price="10000";proCar.prototype.getName=function(){  document.write(this.name+"-----"+this.color+"<br>");};var car3=new proCar();car3.getName();

首先定義了構造函數 Car,但無任何代碼,然后通過 prototype 添加屬性。優點:

a. 所有實例存放的都是指向 showColor 的指針,解決了重復創建函數的問題

b. 可以用 instanceof 檢查對象類型

復制代碼代碼如下:
alert(car3 instanceof proCar);//true

 

缺點,添加下面的代碼:

proCar.prototype.drivers = newArray("mike", "sue");car3.drivers.push("matt");alert(car3.drivers);//outputs "mike,sue,matt"alert(car3.drivers);//outputs "mike,sue,matt"

drivers 是指向 Array 對象的指針,proCar 的兩個實例都指向同一個數組。

4、動態原型方式

function autoProCar(name,color,price){  this.name=name;  this.color=color;  this.price=price;  this.drives=new Array("mike","sue");  if(typeof autoProCar.initialized== "undefined"){   autoProCar.prototype.getName =function(){   document.write(this.name+"-----"+this.color+"<br>");   };   autoProCar.initialized=true;  }}var car4=new autoProCar("動態原型","yellow","1234565");car4.getName();car4.drives.push("newOne");document.write(car4.drives);

這種方式是我最喜歡的, 所有的類定義都在一個函數中完成, 看起來非常像其他語言的類定義,不會重復創建函數,還可以用 instanceof

希望本文所述對大家JavaScript程序設計有所幫助。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 欧美性生交zzzzzxxxxx | 欧美精品成人一区二区在线观看 | 精品国产一区二区三区久久久狼牙 | 午夜视频在线看 | 国产亚洲精品成人 | av免播放| 日本欧美一区二区三区在线播 | 国产亚洲欧美视频 | 日本中文字幕电影在线观看 | 美女在线视频一区二区 | 一级在线| 国产成人精品午夜视频' | 精品一区二区三区免费爱 | 妇女毛片| 黄色欧美精品 | 成人一级免费 | 羞羞视频2023| 黄色的视频在线观看 | 日本高清视频网站www | 久久综合入口 | 操操操日日日干干干 | 日韩视频区 | 黄色免费在线电影 | 国产亚洲美女精品久久久2020 | 香蕉久久久精品 | 91美女福利视频 | 二区三区在线观看 | www亚洲免费| 国产又粗又爽又深的免费视频 | 蜜桃91麻豆 | 一区二区久久久久草草 | av中文一区 | 操碰网 | 国产黄色录像片 | 国产91九色 | 久久影城 | 操操操日日日干干干 | 久久久精品99 | omofun 动漫在线观看 | 国产精品区一区二区三区 | 免费a观看 |