zoukankan      html  css  js  c++  java
  • JavaScript命名空间namespace的实现方法

    网上有很多了,这里给出一个,其实思路就是A={}; A.b={};其实b是A的一个属性。只是做了一些封装,最后的效果是可以直接定义多个namespace:

       1:  My.namespace("Company", "Company.Feed", "Company.Feed.Messaging");

    具体的实现方法,用到了arguments, eval等JavaScript函数

       1:  //namespace的实现
       2:  var MyFramework = {};
       3:   
       4:  MyFramework.namespace=function(){ 
       5:      var a=arguments, o=null, i, j, d, rt; 
       6:      for (i=0; i<a.length; ++i) { 
       7:          d=a[i].split("."); 
       8:          rt = d[0]; 
       9:          eval("if (typeof (" + rt + ") == 'undefined'){" + rt + "= {};} o = "+ rt + ";"); 
      10:          for (j=1; j<d.length; ++j) { 
      11:              o[d[j]]=o[d[j]] || {}; 
      12:              o=o[d[j]]; 
      13:            } 
      14:        } 
      15:    };

    使用方法

       1:  MyFramework.namespace("MyCompany.feed", "IBM.common"); //直接定义多个namespace
       2:                
       3:  MyCompany.feed =
       4:   {
       5:       alert: function (msg) {
       6:           alert(msg);
       7:       },
       8:   
       9:       load: function () {
      10:       }
      11:   
      12:   };
      13:               
      14:  MyCompany.feed.test = function (t){
      15:    alert("MyCompany.feed.test : "+t);
      16:  };
      17:   
      18:  IBM.common.messging = function (t){
      19:    alert("IBM.common.messging: "+t);
      20:  };
      21:   
      22:  MyCompany.feed.test("def");
      23:  MyCompany.feed.alert("abc");    
      24:  IBM.common.messging("fff");
  • 相关阅读:
    QML与C++交互
    etcd集群搭建
    Mac book如何允许第三方未知来源程序安装详细教程(小白篇)
    Windows10下搭建基于VSCODE的RISC-V单片机CH32V103开发环境
    Linux的JAVA开发环境部署
    source 'https://api.nuget.org/v3/index.json': The author primary signature validity period has expired
    element-ui + vue ,ant-design + vue , Angular + ZORRO 实现表格自动横纵向合并单元格,并自动根据单元格数据进行添加样式
    VUE Angular通用动态列表组件-亦可为自动轮播组件-01-根据数据量自动纵向滚动,鼠标划入停止滚动
    VUE Angular通用动态列表组件-亦可为自动轮播组件-02-根据数据量自动横向滚动,鼠标划入停止滚动
    echarts系列-样式调整总结
  • 原文地址:https://www.cnblogs.com/Mainz/p/2119578.html
Copyright © 2011-2022 走看看