脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript定义全局对象

JavaScript定义全局对象的方法示例

 更新时间：2017年01月12日 11:50:14   作者：lx_3278@126  
这篇文章主要介绍了JavaScript定义全局对象的方法,结合实例形式分析了javascript全局对象的简单定义流程与实现技巧,需要的朋友可以参考下

本文实例讲述了JavaScript定义全局对象的方法。分享给大家供大家参考，具体如下：

!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

通过立即执行函数将对象（Hi）定义函数作为参数（factory）传递给立即执行函数

!function (factory) { }();

在立即执行函数中，将要定义的对象作为立即执行函数的参数函数的参数传递。

如下也能实现了相同的对象定义：

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

这些定义方法相对比较独立，可以当作党都功能模块保存、使用。

类似 Jquery 的插件写法。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js实现精美的图片跟随鼠标效果实例

    js实现精美的图片跟随鼠标效果实例

    这篇文章主要介绍了js实现精美的图片跟随鼠标效果,实例分析了javascript鼠标事件及页面样式的操作技巧,需要的朋友可以参考下
    2015-05-05
  • Echarts在Taro微信小程序开发中的踩坑记录

    Echarts在Taro微信小程序开发中的踩坑记录

    这篇文章主要介绍了Echarts在Taro微信小程序开发中的踩坑记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • 送你43道JS面试题(收藏)

    送你43道JS面试题(收藏)

    这篇文章主要介绍了送你43道JS面试题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • Javascript 实现放大镜效果实例详解

    Javascript 实现放大镜效果实例详解

    这篇文章主要介绍了Javascript 实现放大镜效果实例详解的相关资料,这里附有实现实例代码，具有参考价值，需要的朋友可以参考下
    2016-12-12
  • js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

    js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

    这篇文章主要介绍了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法,较为详细的分析了错误的原因及对应的解决方法,需要的朋友可以参考下
    2015-04-04
  • [js高手之路]单例模式实现模态框的示例

    [js高手之路]单例模式实现模态框的示例

    下面小编就为大家带来一篇[js高手之路]单例模式实现模态框的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JS清除字符串中重复值的实现方法

    JS清除字符串中重复值的实现方法

    这篇文章主要介绍了JS清除字符串中重复值的实现方法,涉及javascript数组与字符串的遍历、比较及数学运算相关技巧,需要的朋友可以参考下
    2016-08-08
  • 字节跳动面试之如何用JS实现Ajax并发请求控制

    字节跳动面试之如何用JS实现Ajax并发请求控制

    这篇文章主要给大家介绍了关于字节跳动面试之如何用JS实现Ajax并发请求控制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 高效的表格行背景隔行变色及选定高亮的JS代码

    高效的表格行背景隔行变色及选定高亮的JS代码

    一个项目要用，又不想用jquery之类的东东。先去网上搜索了下，找到了不少在CSS中执行JS的表格行变色方式，不过这类方式在表格行多的时候相当卡，在IE7和firefox3中测试正常。
    2010-12-12
  • 通过seajs实现JavaScript的模块开发及按模块加载

    通过seajs实现JavaScript的模块开发及按模块加载

    seajs实现了JavaScript 的 模块开发及按模块加载。用来解决繁琐的js命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。下面我们来一起深入学习下吧
    2019-06-06

最新评论