angularjs命名参数

2016-12-26 12:16:27 157 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【技术实战】SeaTunnel 实现 HTTP 到 Doris 数据同步的配置优化与问题解决本文分享了使用SeaTunnel实现HTTP数据源到Doris数仓同步的实战经验。详细解析了从环境搭建、核心配置到生产部署的全流程，重点针对数据类型映射、分页拉取、依赖冲突等典型问题提供了解决方案，并给出了连接参数调优、错误处理等进阶优化技巧，帮助开发者构建稳定高效的数据同步管道。阅读详情

请比较以下两段代码



// 定义一个模块

var mainApp = angular.module("mainApp", []);



// 创建 value 对象 "defaultInput" 并传递数据

mainApp.value("defaultInput", 5);

mainApp.value("defaultInput2", 6);



mainApp.controller('CalcController', function($scope, CalcService, defaultInput, defaultInput2) {

//defaultInput  is  5

//defaultInput2  is 6 

});



// 定义一个模块

var mainApp = angular.module("mainApp", []);



// 创建 value 对象 "defaultInput" 并传递数据

mainApp.value("defaultInput", 5);

mainApp.value("defaultInput2", 6);



mainApp.controller('CalcController', function($scope, CalcService, defaultInput2, defaultInput) {

//defaultInput  is  5

//defaultInput2  is 6 

//与前面保持一致，而我所熟知的js函数的参数只与顺序有关系，与变量名没关系

//请问这是怎么实现的？？

});

...全文

PPT| 公司网络安全意识培训 P73 近年来，随着互联网的不断发展，网络安全问题也日益凸显，各种网络安全事件层出不穷，对个人和企业的信息安全带来了巨大的威胁。针对这一现状，国家加强了对信息安全的保护，相继颁布了多项法律法规，其中最重要的就是网络安全法。本文将从网络安全法和其他相关法律入手，对信息安全的保护措施进行深入分析。本人在四大咨询机构从事咨询工作多年,二十年一线数字化规划咨询经验，提供制造业数智化转型规划服务，顶层规划/企业架构/数据治理/数据安全解决方案资料干货. 该PPT共73页，原文获取及来源公众号：【智能制造数字化咨询】阅读详情

mnxm

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

mnxm 2016-12-26

打赏
举报

重发下


// 定义一个模块
var mainApp = angular.module("mainApp", []);
 
// 创建 value 对象 "defaultInput" 并传递数据
mainApp.value("defaultInput", 5);
mainApp.value("defaultInput2", 6);
 
mainApp.controller('CalcController', function($scope, CalcService, defaultInput, defaultInput2) {
//defaultInput  is  5
//defaultInput2  is 6 
});


// 定义一个模块
var mainApp = angular.module("mainApp", []);
 
// 创建 value 对象 "defaultInput" 并传递数据
mainApp.value("defaultInput", 5);
mainApp.value("defaultInput2", 6);
 
mainApp.controller('CalcController', function($scope, CalcService,defaultInput2, defaultInput) {
//defaultInput  is  5
//defaultInput2  is 6 
//与前面保持一致，而我所熟知的js函数的参数只与顺序有关系，与变量名没关系
//请问这是怎么实现的？？
});

mnxm 2016-12-26

打赏
举报

原来如此十分感谢

functionsub 2016-12-26

打赏
举报

mainApp.controller('CalcController', ['$scope','CalcService','defaultInput2','defaultInput',function($scope, CalcService,defaultInput2, defaultInput) {
}]);

上面第二种写法，前面的依赖项要加引号，上面笔误。另外，强烈建议不要使用第一种方案，虽然你写的时候省事了，最后如果代码需要压缩的话，第一种写法里，函数的参数名都会被压缩成a,b,c，最后的结果就是你的代码完全跑不起来。

functionsub 2016-12-26

打赏
举报

angularjs里面控制器，指令等的定义都是通过依赖注入来实现的，

mainApp.controller('CalcController', function($scope, CalcService,defaultInput2, defaultInput) {
});

上面这样的写法，第二个参数你看着是一个function，实际在contoller这个方法里，他是解析了这个function的所有形参名称，最后然后将这些依赖转换成实参去执行。

mainApp.controller('CalcController', [$scope,CalcService,defaultInput2,defaultInput,function($scope, CalcService,defaultInput2, defaultInput) {
}]);

上面这样的写法参数顺序就必须跟数组里的参数顺序一致了。下面是我写的一个小例子，模拟这样的情况，当然，angularjs里的实际逻辑比我这个复杂很多。

var obj = {
  v1 : 1, v2 : 2
};
var reg = /function\s*\(([^)]*)\)\s*\{\n/;
var tirmReg = /(^\s*)|(\s*$)/g;
var test = {
  controller : function(name){
    var args = arguments[1];
    var depends;
    var factory;
    if(typeof args == 'function'){
      var str = args.toString(); // 解析依赖项
      var dependStr = str.match(reg);
      if(dependStr){
        dependStr = dependStr[1];
        if(dependStr){
          depends = dependStr.split(',');
        }
      }
      factory = args;
    }else{
      factory = args.pop();
      depends = args;
    }
    var realDepends = [];
    for(var i=0;i<depends.length;i++){
      var dependName = depends[i];
      dependName = dependName.replace(tirmReg,'');
      realDepends.push(obj[dependName]);// 组装依赖实参列表
    }
    factory.apply(undefined,realDepends); // 执行
  }
}

angularjs命名参数

相关推荐