欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript設計模式Constructor(構(gòu)造器)模式

 更新時間:2016年08月19日 09:48:44   作者:yilanyoumeng3  
這篇文章主要為大家詳細介紹了javascript設計模式Constructor(構(gòu)造器)模式 ,感興趣的小伙伴們可以參考一下

Constructor是一種在內(nèi)存已分配給該對象的情況下,用于初始化新創(chuàng)建對象的特殊方法。Object構(gòu)造器用于創(chuàng)建特定類型的對象–準備好對象以備使用,同事接收構(gòu)造器可以使用參數(shù),以在第一次創(chuàng)建對象時,設置成員屬性和方法值。

對象創(chuàng)建
創(chuàng)新新對象,在javascript中通常有兩種方法:
 1.對象直面量方法
var newObj = {};

 2.構(gòu)造器的簡潔方法
var newObj = new Object();
在Object構(gòu)造器為特定的值創(chuàng)建對象封裝,或者沒有傳遞值時,它將創(chuàng)建一個肯那個對象并返回

 對象賦值的方法:
 1.“點”方法

 //設置屬性
newObj.name = 'LanFeng';
//獲取值
var user= newObj.name;

 1.中括號方法

 //設置屬性
newObj["name"]= 'LanFeng';
//獲取值
var user= newObj["name"];

 1.Object.defineProperty (適用ECMAScript5)

 //設置屬性
Object.defineProperty(newObj,"name",{
  value:"LanFeng",
  writable:true,
  enumerable:true,
  configurable:true
})

 1.Object.defineProperties

 //設置屬性
 Object.defineProperties(newObj,{
   "someKey":{
    value:"Hello Js",
     writable:true
  },
  "anotherKey":{
    value:"Foo bar",
    writable:false
  }
})

Javascript不支持類的概念,但它確實支持與對象一起用的特殊constructor函數(shù),通過在構(gòu)造器前面加new關鍵字,告訴js像使用構(gòu)造器一樣實例化一個新對象,并且對象成員由該函數(shù)定義。
在構(gòu)造器內(nèi),關鍵字this引用新創(chuàng)建的對象?;仡檶ο髣?chuàng)建,基本的構(gòu)造器:

function Car(model,year,miles){
  this.model = model;
  this.year = year;
  this.miles = miles;
  this.toString = function(){
  return this.model + "has done" + this.miles +"miles";
  }
}
//創(chuàng)建實例化對象

var civio = new Car("Honda Civio",2009,20000);

var mondeo= new Car("Ford Mondeo",2009,5000);

上面例子是一個簡單的構(gòu)造器模式版本,但它確實存在一些問題,其中一個問題是,它使用繼承變得困難,另外一個問題是,toString()這樣的函數(shù)是為每個使用Car構(gòu)造器創(chuàng)建的新對象而分別重新定義的,這個不是最理想的,因為這種函數(shù)應該在所有的Car類型實例直接共享。

javascript中有有一個prototype的屬性,調(diào)用js構(gòu)造器創(chuàng)建一個對象后,新對象就會具有構(gòu)造器原型的所有屬性,通過這種方式,可以創(chuàng)建多個對象,并訪問相同的原型,實現(xiàn)方法共享。

function Car(model,year,miles){
  this.model = model;
  this.year = year;
  this.miles = miles;

}


//原型函數(shù)
Car.prototype.toString = function(){
  return this.model + "has done" + this.miles +"miles";
  }

//創(chuàng)建實例化對象

var civio = new Car("Honda Civio",2009,20000);
var mondeo= new Car("Ford Mondeo",2009,5000);
console.log(civio.toString())
console.log(mondeo.toString())

現(xiàn)在toString()的單一實例就能夠在所有Car對著之間共享。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 微信小程序wxs日期時間處理的實現(xiàn)示例

    微信小程序wxs日期時間處理的實現(xiàn)示例

    最近在做一個列表的時候,涉及到時間格式化操作。本文主要介紹了微信小程序wxs日期時間處理的實現(xiàn)示例,分享給大家,感興趣的可以了解一下
    2021-07-07
  • 如何處理JSON中的特殊字符

    如何處理JSON中的特殊字符

    這篇文章主要介紹了如何處理JSON中的特殊字符,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • JS幻燈片可循環(huán)播放可平滑旋轉(zhuǎn)帶滾動導航(自寫)

    JS幻燈片可循環(huán)播放可平滑旋轉(zhuǎn)帶滾動導航(自寫)

    本文為大家介紹下實現(xiàn)JS幻燈片可循環(huán)播放帶滾動導航可平滑旋轉(zhuǎn)的全過程,效果還不錯,由需要的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • webpack5新特性Asset?Modules資源模塊詳解

    webpack5新特性Asset?Modules資源模塊詳解

    這篇文章主要為大家介紹了webpack5新特性Asset?Modules資源模塊詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • KnockoutJS 3.X API 第四章之click綁定

    KnockoutJS 3.X API 第四章之click綁定

    click綁定主要作用是用于DOM元素被點擊時調(diào)用相關JS函數(shù)。這篇文章主要介紹了KnockoutJS 3.X API 第四章之click綁定,感興趣的朋友一起看看吧
    2016-10-10
  • 如何基于filter實現(xiàn)網(wǎng)站整體變灰功能

    如何基于filter實現(xiàn)網(wǎng)站整體變灰功能

    這篇文章主要介紹了如何基于filter實現(xiàn)網(wǎng)站整體變灰功能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-04-04
  • 微信小程序獲取用戶信息并保存登錄狀態(tài)詳解

    微信小程序獲取用戶信息并保存登錄狀態(tài)詳解

    這篇文章主要介紹了微信小程序獲取用戶信息并保存登錄狀態(tài),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • 微信小程序頂部導航欄滑動tab效果

    微信小程序頂部導航欄滑動tab效果

    這篇文章主要為大家詳細介紹了微信小程序頂部導航欄滑動tab效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-01-01
  • JavaScript中DOM操作常用事件總結(jié)

    JavaScript中DOM操作常用事件總結(jié)

    這篇文章主要為大家詳細介紹了JavaScript中常用的幾個DOM事件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-04-04
  • JS加載解析Markdown文檔過程詳解

    JS加載解析Markdown文檔過程詳解

    這篇文章主要介紹了JS加載解析Markdown文檔過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-05-05

最新評論