Javascript中让初学者迷惑不解的【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】，其实是它的对象数据类型。在JavaSc【本文首发于唐霜的博客】原创内容，盗版必究。ript中的对象是引用类型，这也就是说把【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。对象赋值给一个变量，仅仅表示这个变量拥有【原创不易，请尊重版权】原创内容，盗版必究。了指向对象内容所在内存的指针值，而非对象未经授权，禁止复制转载。【作者：唐霜】内容本身，因此当把对象内容的其中一个属性【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。赋值给另外一个变量时，可以利用这个变量做【原创不易，请尊重版权】【本文受版权保护】更加高性能的操作。

这和今天的主题没有直接的联系，但是是作为【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】初学者理解JavaScript时必须掌握【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】的一个点。

在angular里面，config的用法【版权所有，侵权必究】原创内容，盗版必究。如下：

angular.module("myApp", [])
  .config(["$routerProvider", $routerProvider => {
    // ...
  }])

这个用法很奇怪，为什么要把一个数组当做参【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。数传给config呢，特别是当数组的元素【未经授权禁止转载】【原创不易，请尊重版权】数据类型不同，第二个元素还是函数，就显得转载请注明出处：www.tangshuang.net原创内容，盗版必究。非常让人意外，为什么不直接传两个参数，第【原创内容，转载请注明出处】【转载请注明来源】一个参数是个字符串，第二个参数是函数，这转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】不是非常容易理解吗？

但是在$routeProvider的wh【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。en中，resolve.data的值也是未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】一个类似的数组：

resolve: {
  data: ["$http", $http => {}]
}

如果函数的参数可以改为两个参数的话，这里【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】则不可能实现。

由于JavaScript数据类型的特质，【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。没有Python里面的元组的概念。使用data: ("$http", $http => {})这种形式会出现错误。使用数组，是Java原创内容，盗版必究。【版权所有，侵权必究】Script里面的唯一的替代方案。

不过从可读性的替代方案方面考虑，使用对象【关注微信公众号：wwwtangshuangnet】【作者：唐霜】可能会更有利于阅读，比如我们可以这样假设【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。：

resolve: {
  data: {
    key: "$http",
    callback: $http => {},
  }
}

不过这样在书写上会比较费劲，而且增加了代【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net码量，更不利于参数作为中间值传递。使用数【转载请注明来源】【转载请注明来源】组的好处是除了可以在一行内写完需要的元素转载请注明出处：www.tangshuang.net【本文受版权保护】外，还可以用于apply。一旦非常明确规【本文受版权保护】著作权归作者所有，禁止商业用途转载。定数组元素的个数，或者像参数个数一样对个【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net数进行判别，那么跟参数个数一样也具有严肃【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。性。

但用于apply这点，使用数组有天然的优原创内容，盗版必究。【转载请注明来源】越性。比如当你打算使用一个数组作为参数时本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net，可以直接：

func.apply(this, args)

这样无需对接收到的数据做任何处理，就可以【本文首发于唐霜的博客】未经授权，禁止复制转载。对该数据进行过滤等操作。

不过如果使用ES5的话，这个问题比较容易本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。解决：

func(...arguments)

有这样的操作，就不需要传入一个数组。但是【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net这仍然无法解释如何给data赋值的问题。

另外就是要看，这个数组的第一个元素是一个【版权所有，侵权必究】【版权所有，侵权必究】key值，是字符串，但是它其实对应的是全【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net局某一个变量的key，也就是angula本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.netr.$routerProvider这种形【转载请注明来源】著作权归作者所有，禁止商业用途转载。式的数据，它可以用angular[【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。220;$routerProvider&【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net#8221;]来表示，而它一般就是一个函【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。数，在这个函数中会去回调原来数组中的第二本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】个元素，也就是带有$routerProv【原创不易，请尊重版权】转载请注明出处：www.tangshuang.netider的函数。这种设计，巧妙的运用了J本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。avaScript的特性，同时又使得程序【本文受版权保护】转载请注明出处：www.tangshuang.net具有较大的灵活性。

2017-01-20 5354 angular