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

JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法實(shí)例分析

 更新時(shí)間：2018年07月26日 10:46:57   作者：筱葭  
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法,結(jié)合實(shí)例形式分析了javascript構(gòu)造器模式的概念、原理、與工廠模式的區(qū)別以及相關(guān)使用方法,需要的朋友可以參考下

本文實(shí)例講述了JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法。分享給大家供大家參考，具體如下：

工廠模式雖然解決了重復(fù)實(shí)例化的問題，但無法識(shí)別對(duì)象類型。

可以采用構(gòu)造函數(shù)(構(gòu)造方法)可用來創(chuàng)建特定的對(duì)象，可以解決工廠模式無法識(shí)別對(duì)象實(shí)例的問題。也就是說，使用構(gòu)造函數(shù)的方法 ，即解決了重復(fù)實(shí)例化的問題 ，又解決了對(duì)象識(shí)別的問題。

構(gòu)造器模式與工廠模式的不同之處在于：

①　構(gòu)造函數(shù)方法沒有顯示的創(chuàng)建對(duì)象 (new Object())；

②　直接將屬性和方法賦值給 this 對(duì)象；

③　沒有 return 語句。

構(gòu)造函數(shù)方法的規(guī)范：

①　函數(shù)名和實(shí)例化構(gòu)造名相同且大寫 (非強(qiáng)制，但有助于區(qū)分構(gòu)造函數(shù)和普通函數(shù))；

②　通過構(gòu)造函數(shù)創(chuàng)建對(duì)象，必須使用new運(yùn)算符。

function Person(name, age) {
  this.name = name;
    this.age = age;
  this.showName = function() {
      alert(this.name);
    };
}
var person1 = new Person("Alice", 23);
var person2 = new Person("Bruce", 22);

構(gòu)造器模式的問題：每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍。

原因：JavaScript中的函數(shù)是對(duì)象，每定義一個(gè)函數(shù)，就是實(shí)例化了一個(gè)Funtion對(duì)象，因此，使用構(gòu)造函數(shù)創(chuàng)建的每個(gè)實(shí)例都有一個(gè)同名的方法，但這些方法不是同一個(gè)Function的實(shí)例，因?yàn)椴煌瑢?shí)例上的同名函數(shù)是不相等的。

解決：原型模式，請(qǐng)見：//www.dbjr.com.cn/article/144485.htm

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • NodeJS的Promise的用法解析

    NodeJS的Promise的用法解析

    下面小編就為大家?guī)硪黄狽odeJS的Promise的用法解析。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
    2016-05-05
  • 完美解決IE不支持Data.parse()的問題

    完美解決IE不支持Data.parse()的問題

    下面小編就為大家?guī)硪黄昝澜鉀QIE不支持Data.parse()的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起 小編過來看看吧
    2016-11-11
  • 原生JS實(shí)現(xiàn)的雪花飄落動(dòng)畫效果

    原生JS實(shí)現(xiàn)的雪花飄落動(dòng)畫效果

    這篇文章主要介紹了原生JS實(shí)現(xiàn)的雪花飄落動(dòng)畫效果,涉及javascript數(shù)值運(yùn)算及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-05-05
  • uniapp使用Vant-weapp的最新方法教程

    uniapp使用Vant-weapp的最新方法教程

    Vant?Weapp是有贊前端團(tuán)隊(duì)開源的一套小程序UI組件庫,助力開發(fā)者快速搭建小程序應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp使用Vant-weapp的最新方法教程,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-04-04
  • JavaScript函數(shù)中的防抖與節(jié)流原生實(shí)現(xiàn)及第三方庫的使用

    JavaScript函數(shù)中的防抖與節(jié)流原生實(shí)現(xiàn)及第三方庫的使用

    當(dāng)你頻繁的觸發(fā)用戶界面時(shí),會(huì)不停的觸發(fā)事件處理函數(shù),可能導(dǎo)致界面卡頓,瀏覽器奔潰,頁面空白等情況,而解決這一問題的,正是函數(shù)節(jié)流與函數(shù)防抖,所以本文將給大家介紹一下JavaScript函數(shù)中的防抖與節(jié)流原生實(shí)現(xiàn)及第三方庫的使用,需要的朋友可以參考下
    2023-10-10
  • IE瀏覽器不支持getElementsByClassName的解決方法

    IE瀏覽器不支持getElementsByClassName的解決方法

    這篇文章主要介紹了IE瀏覽器不支持getElementsByClassName的解決方法,本文的方法比較完美的解決了這個(gè)問題,需要的朋友可以參考下
    2014-08-08
  • 微信小程序?qū)崿F(xiàn)云開發(fā)上傳文件、圖片功能

    微信小程序?qū)崿F(xiàn)云開發(fā)上傳文件、圖片功能

    在使用小程序的過程中,在編輯個(gè)人資料時(shí),通常會(huì)面臨上傳頭像、上傳背景圖片的情況,而這個(gè)開發(fā)過程需要怎樣實(shí)現(xiàn)呢?這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)云開發(fā)上傳文件、圖片功能的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • JavaScript talbe表中指定位置插入一行的實(shí)現(xiàn)代碼 腳本之家修正版

    JavaScript talbe表中指定位置插入一行的實(shí)現(xiàn)代碼 腳本之家修正版

    用js實(shí)現(xiàn)的在table中指定的位置插入一行，先點(diǎn)一下表中你想插入的位置，點(diǎn)擊即可。
    2009-06-06
  • 淺談bootstrap源碼分析之tab(選項(xiàng)卡)

    淺談bootstrap源碼分析之tab(選項(xiàng)卡)

    下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之tab(選項(xiàng)卡)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼

    js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼

    這篇文章主要介紹了js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下
    2015-12-12

最新評(píng)論