两年后的随笔+this的思考

恍惚看到自己在博客园的文章,唯一的一篇已经是接近两年前,再看看自己的名字...已然中枪了

从两年前的.net初学者,到现在工作之后阴差阳错转为前端...

两年过去了,现在回想起来,感觉成长的太少...

稀里糊涂的忙工作,技术上进步不大,总是在业务里徘徊...这可能也是大多数程序员的状态.没有在某一领域技术深度.慢慢无休止的新项目,不能再这样下去了.

看到很多技术致富的例子.但是在前端这一领域,好像"专才"的神通有点施展不开.前端更需要的是"通才"...自己需要学习的东西还有很多

再一次拿起博客来,下一次的回顾,希望自己的内心是暖的...

上句不接下句,不明所以的扯淡结束,正题开始:

在面试题里遇到的问题

 var foo = {
     bar: function() {
         return this.baz;
     },
     baz: 1
 };
 (function() {
     return typeof arguments[0]();
 })(foo.bar)

面试题如上.我以为答案会是"number",结果是"undefined",让我一头雾水. 我记得看书里说过函数在通过对象的方法调用时,this会赋值为该对象的.看来还是没有深入理解...

晚上回去再去翻翻书,待续...

更新内容

 (function(a) {
     console.log("形参调用:"+a());
     console.log("arguments调用:"+arguments[0]());
 })(foo.bar)

先看上面这段修改过的代码.

首先这里的自执行的匿名函数没有什么疑问,问题出在调用函数的方式.这里有两种

• a()
  js的传参都是复制传递的,也就是说在传递foo.bar时,是将函数bar的引用地址复制传递给了匿名函数.理解为直接定位到了一个function,其效果等同与bar(),这里的this指向了window.所以结果为undefined.从字面理解更直观a()这种调用方式,是函数调用,this将会赋值为window
• arguments[0]()
  这里就很诱惑人了,先说答案,这里的this指向的是arguments.是不是很奇怪.其实我们被arguments的数组形式迷惑了.arguments实际上是个对象.并不是一个数组.现在问题就明了了.arguments[0]()等同于arguments.a().是方法的调用,自然this是指向arguments对象了

对js执行机制了解甚少,以上结论没有考证,是自己推测得来…欢迎大牛拍砖,指正