恍惚看到自己在博客园的文章,唯一的一篇已经是接近两年前,再看看自己的名字...已然中枪了
从两年前的.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执行机制了解甚少,以上结论没有考证,是自己推测得来…欢迎大牛拍砖,指正