快捷導(dǎo)航

JavaScript定義全局對(duì)象的方法示例

更新時(shí)間：2017年01月12日 11:50:14 作者：lx_3278@126

這篇文章主要介紹了JavaScript定義全局對(duì)象的方法,結(jié)合實(shí)例形式分析了javascript全局對(duì)象的簡(jiǎn)單定義流程與實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript定義全局對(duì)象的方法。分享給大家供大家參考，具體如下：

!function (factory) {
  factory(window['Hi'] = {
    __a: function () {
      console.log('Hi.__a');
    },
    __b: function () {
      console.log('Hi.__b');
    },
    __c: function () {
      console.log('Hi.__c');
    }
  });
}(function (Hi) {
  if (typeof Hi === undefined) {
    Hi = {};
  }
  Object.defineProperty(Hi, 'appName', {
    get: function () {
      return 'this is app name.';
    }
  })
});
console.log(Hi.appName);//this is app name.
Hi.__b();//Hi.__b

通過(guò)立即執(zhí)行函數(shù)將對(duì)象（Hi）定義函數(shù)作為參數(shù)（factory）傳遞給立即執(zhí)行函數(shù)

!function (factory) { }();

在立即執(zhí)行函數(shù)中，將要定義的對(duì)象作為立即執(zhí)行函數(shù)的參數(shù)函數(shù)的參數(shù)傳遞。

如下也能實(shí)現(xiàn)了相同的對(duì)象定義：

var myObj = myObj || {};
(function (myObj) {
  myObj.__a = function () {
    console.log('myObj.__a');
  };
  myObj.name = 'this is myObj.name';
})(myObj);
console.log(myObj.name);//this is myObj.name
myObj.__a();//myObj.__a

這些定義方法相對(duì)比較獨(dú)立，可以當(dāng)作黨都功能模塊保存、使用。

類似 Jquery 的插件寫法。

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

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

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果,實(shí)例分析了javascript鼠標(biāo)事件及頁(yè)面樣式的操作技巧,需要的朋友可以參考下
2015-05-05
Echarts在Taro微信小程序開發(fā)中的踩坑記錄
這篇文章主要介紹了Echarts在Taro微信小程序開發(fā)中的踩坑記錄，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
送你43道JS面試題(收藏)
這篇文章主要介紹了送你43道JS面試題,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-06-06
Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解
這篇文章主要介紹了Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼，具有參考價(jià)值，需要的朋友可以參考下
2016-12-12
js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法
這篇文章主要介紹了js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法,較為詳細(xì)的分析了錯(cuò)誤的原因及對(duì)應(yīng)的解決方法,需要的朋友可以參考下
2015-04-04
[js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例
下面小編就為大家?guī)?lái)一篇[js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法
這篇文章主要介紹了JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法,涉及javascript數(shù)組與字符串的遍歷、比較及數(shù)學(xué)運(yùn)算相關(guān)技巧,需要的朋友可以參考下
2016-08-08
字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制
這篇文章主要給大家介紹了關(guān)于字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
高效的表格行背景隔行變色及選定高亮的JS代碼
一個(gè)項(xiàng)目要用，又不想用jquery之類的東東。先去網(wǎng)上搜索了下，找到了不少在CSS中執(zhí)行JS的表格行變色方式，不過(guò)這類方式在表格行多的時(shí)候相當(dāng)卡，在IE7和firefox3中測(cè)試正常。
2010-12-12
通過(guò)seajs實(shí)現(xiàn)JavaScript的模塊開發(fā)及按模塊加載
seajs實(shí)現(xiàn)了JavaScript 的模塊開發(fā)及按模塊加載。用來(lái)解決繁瑣的js命名沖突，文件依賴等問(wèn)題，其主要目的是令JavaScript開發(fā)模塊化并可以輕松愉悅進(jìn)行加載。下面我們來(lái)一起深入學(xué)習(xí)下吧
2019-06-06