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程序设计有所帮助。

相关文章

  • 在vscode上直接运行typescript的操作方法

    在vscode上直接运行typescript的操作方法

    在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果,需要先将typescript编译为javascript,在通过node执行js文件得到结果,这篇文章给大家介绍如何在vscode上直接运行typescript,感兴趣的朋友一起看看吧
    2023-12-12
  • 得到form下的所有的input的js代码

    得到form下的所有的input的js代码

    得到form下的所有的input的方法有很多,在本文为大家介绍下使用form 的集合对象elements,从而得到value,需要的朋友可以参考下
    2013-11-11
  • js+css实现三级导航菜单

    js+css实现三级导航菜单

    这篇文章主要为大家详细介绍了js+css实现三级导航菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JavaScript中Webpack的使用教程

    JavaScript中Webpack的使用教程

    Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,这篇文章主要介绍了JavaScript中Webpack的使用,需要的朋友可以参考下
    2021-10-10
  • JavaScript哪些场景不能使用箭头函数

    JavaScript哪些场景不能使用箭头函数

    这篇文章主要介绍了JavaScript哪些场景不能使用箭头函数,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下
    2021-04-04
  • js表格排序实例分析(支持int,float,date,string四种数据类型)

    js表格排序实例分析(支持int,float,date,string四种数据类型)

    这篇文章主要介绍了js表格排序实例分析(支持int,float,date,string四种数据类型),涉及javascript常用的升序、降序及数据类型转换等相关技巧,需要的朋友可以参考下
    2015-05-05
  • bootstrapValidator bootstrap-select验证不可用的解决办法

    bootstrapValidator bootstrap-select验证不可用的解决办法

    这篇文章主要为大家详细介绍了bootStrapValidator和bootStrap-select验证不可用的解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • javascript数据结构中栈的应用之符号平衡问题

    javascript数据结构中栈的应用之符号平衡问题

    这篇文章主要介绍了javascript数据结构中栈的应用之符号平衡问题,结合实例形式分析了javascript基于栈的形式实现对各种括号如<> {} [] ()等的匹配验证操作相关应用技巧,需要的朋友可以参考下
    2017-04-04
  • javascript的document中的动态添加标签实现方法

    javascript的document中的动态添加标签实现方法

    下面小编就为大家带来一篇浅谈javascript的document中的动态添加标签实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10

最新评论