最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記

 更新時(shí)間:2017年02月15日 11:44:45   作者:灰太狼-銅豌豆  
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

我們通過單體模式理解了是以對象字面量的方式來創(chuàng)建單體模式的;比如如下的對象字面量的方式代碼如下:

var singleMode = {
  name: value,
  method: function(){
        
  }
};

模塊模式的思路是為單體模式添加私有變量和私有方法能夠減少全局變量的使用;如下就是一個(gè)模塊模式的代碼結(jié)構(gòu):

var singleMode = (function(){
  // 創(chuàng)建私有變量
  var privateNum = 112;
  // 創(chuàng)建私有函數(shù)
  function privateFunc(){
    // 實(shí)現(xiàn)自己的業(yè)務(wù)邏輯代碼
  }
  // 返回一個(gè)對象包含公有方法和屬性
  return {
    publicMethod1: publicMethod1,
    publicMethod2: publicMethod1
  };
})();

模塊模式使用了一個(gè)返回對象的匿名函數(shù)。在這個(gè)匿名函數(shù)內(nèi)部,先定義了私有變量和函數(shù),供內(nèi)部函數(shù)使用,然后將一個(gè)對象字面量作為函數(shù)的值返回,返回的對象字面量中只包含可以公開的屬性和方法。這樣的話,可以提供外部使用該方法;由于該返回對象中的公有方法是在匿名函數(shù)內(nèi)部定義的,因此它可以訪問內(nèi)部的私有變量和函數(shù)。

我們什么時(shí)候使用模塊模式?

如果我們必須創(chuàng)建一個(gè)對象并以某些數(shù)據(jù)進(jìn)行初始化,同時(shí)還要公開一些能夠訪問這些私有數(shù)據(jù)的方法,那么我們這個(gè)時(shí)候就可以使用模塊模式了。

理解增強(qiáng)的模塊模式

增強(qiáng)的模塊模式的使用場合是:適合那些單列必須是某種類型的實(shí)例,同時(shí)還必須添加某些屬性或方法對其加以增強(qiáng)的情況。比如如下代碼:

function CustomType() {
  this.name = "tugenhua";
};
CustomType.prototype.getName = function(){
  return this.name;
}
var application = (function(){
  // 定義私有
  var privateA = "aa";
  // 定義私有函數(shù)
  function A(){};

  // 實(shí)例化一個(gè)對象后,返回該實(shí)例,然后為該實(shí)例增加一些公有屬性和方法
  var object = new CustomType();

  // 添加公有屬性
  object.A = "aa";
  // 添加公有方法
  object.B = function(){
    return privateA;
  }
  // 返回該對象
  return object;
})();

下面我們來打印下application該對象;如下:

console.log(application);

繼續(xù)打印該公有屬性和方法如下:

console.log(application.A);// aa
console.log(application.B()); // aa
console.log(application.name); // tugenhua
console.log(application.getName());// tugenhua

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

  • mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程

    mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程

    下面小編就為大家分享一篇mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • 自動刷新網(wǎng)頁,自動刷新當(dāng)前頁面,JS調(diào)用

    自動刷新網(wǎng)頁,自動刷新當(dāng)前頁面,JS調(diào)用

    自動刷新網(wǎng)頁,自動刷新當(dāng)前頁面,JS調(diào)用,需要的朋友可以參考一下
    2013-06-06
  • 你可能不需要在JavaScript使用switch語句

    你可能不需要在JavaScript使用switch語句

    這篇文章主要介紹了你可能不需要在JavaScript使用switch語句,對switch性能感興趣的同學(xué),可以參考下
    2021-04-04
  • 判斷l(xiāng)i是否有樣式的js代碼

    判斷l(xiāng)i是否有樣式的js代碼

    下面的代碼注意實(shí)現(xiàn)先判斷l(xiāng)i是否有樣式,如果沒有,就添加一個(gè)樣式,原理呢,就是批量檢測li的className屬性
    2008-09-09
  • 前端使用JS內(nèi)置Blob實(shí)現(xiàn)下載各種形式的文件實(shí)例

    前端使用JS內(nèi)置Blob實(shí)現(xiàn)下載各種形式的文件實(shí)例

    通過使用JavaScript我們可以很方便地實(shí)現(xiàn)文件的下載功能,這篇文章主要給大家介紹了關(guān)于前端使用JS內(nèi)置Blob實(shí)現(xiàn)下載各種形式文件的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-06-06
  • SWFObject Flash js調(diào)用類

    SWFObject Flash js調(diào)用類

    一直想為 SWFObject 這個(gè)JS的類庫寫一個(gè)推薦帖,因?yàn)樗p便,同時(shí)功能強(qiáng)大,為我們的開發(fā)帶來了很大的便捷。
    2008-07-07
  • newxtree.js代碼

    newxtree.js代碼

    newxtree.js代碼...
    2007-03-03
  • 使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法

    使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法

    百度個(gè)人云盤空間大,完全免費(fèi),而且提供了pcs api供調(diào)用操作文件,在平時(shí)的項(xiàng)目里往里面保存一些文件是很實(shí)用的。通過本文給大家介紹使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法,感興趣的朋友一起學(xué)習(xí)吧
    2016-03-03
  • 原創(chuàng)javascript小游戲?qū)崿F(xiàn)代碼

    原創(chuàng)javascript小游戲?qū)崿F(xiàn)代碼

    javascript小游戲?qū)崿F(xiàn)代碼,喜歡用javascript實(shí)現(xiàn)游戲效果代碼的朋友可以參考下。
    2010-08-08
  • 最新評論

    金坛市| 宜君县| 克拉玛依市| 绩溪县| 隆安县| 澄江县| 朝阳市| 清苑县| 藁城市| 舟曲县| 钦州市| 海南省| 万载县| 辉南县| 临朐县| 龙游县| 大名县| 城固县| 五指山市| 宁阳县| 北辰区| 祁连县| 梧州市| 三门县| 贵德县| 浦江县| 伊吾县| 沙雅县| 定陶县| 庐江县| 大方县| 友谊县| 普洱| 合山市| 彰化县| 紫阳县| 翁源县| 镇宁| 高雄市| 宝清县| 苍山县|