Javascript常用面试题（2）- 难度篇

分类：Javascript| 发布：佚名| 查看：640 | 发表时间：2014/5/12

1，考察this

01var length = 10;
02function fn(){
03  alert(this.length)
04}
05var obj = {
06  length: 5,
07  method: function(fn) {
08      fn() // ?
09       arguments[0]() // ?
10 }
11}
12obj.method(fn)

这里的坑主要是arguments，我们知道取对象属于除了点操作符还可以用中括号，这里fn的scope是arguments，即fn内的this===arguments，调用时仅传了一个参数fn，因此length为1。

2，函数表达式具名（函数声明同时赋值给另一个变量）或函数声明立即执行时，名仅在该函数内可访问

1~function() {
2   alert(typeof next) // ?
3 ~function next() {
4      alert(typeof next) // ?
5 }()
6}()

外层匿名函数自执行，打印next，接着内层具名函数自执行。会发现具名的next仅在其自身函数体内可访问，即输出为function。外面是不可见的，typeof就为undefined了。（注：此题IE6/7/8中输出为function function，标准浏览器为undefined function）

同样的情况也发生在将具名函数赋值给一个变量时，如下

1var func = function a() {
2   alert(typeof a)
3}
4func() // ?
5alert(typeof a) // ?

这条规则是标准中(ES3/ES5)都已明确指出，但IE6、7、8没有严格遵从。可参见w3help的分析或李松峰老师的翻译《命名函数表达式探秘》

3，给基本类型数据添加属性，不报错，但取值时是undefined

1a = 3
2a.prop = 4
3alert(a + a.prop) // ?

变量a为数字3，给其添加prop属性，值为4（奇怪吧在JS中这是允许的，且不会有语法错误）。然后alert出a+a.prop的结果。结果是NaN。a.prop为undefined，3+undefined为NAN。

举一反三，给字符串添加属性

1str = 'a'
2str.prop = 'b'
3alert(str + str.prop) // ?

结果呢？

4，隐式的全局变量

1var a = 1
2function func() {
3  a = b = 2
4}
5func()
6alert(a)
7alert(b) // ?

JS中不用var声明的变量默认是全局变量，而这里的连等使的情况更加隐蔽。这里的b是全局的，因此func外可以访问。

5，变量声明早于代码运行（Scoping and Hoisting）

1var uname = 'jack'
2function change() {
3   alert(uname) // ?
4   var uname = 'lily'
5  alert(uname)
6}
7change()

这里容易犯迷糊的是第一个alert，如果认为函数change外已经声明赋值了，此时应该是jack，实际函数内又var了一次（虽然var在其后），预解析时仍然会将其置undefined。这也是为什么书里都建议变量声明都放在代码块的最前面。

6，函数声明早于变量声明

1function change() {
2 alert(typeof fn) // ?
3   function fn() {
4     alert('hello')
5  }
6   var fn
7}
8change()

change内先alert出fn，后函数声明，再变量声明。如果fn没有函数声明而仅是变量声明，那么结果与5一样是undefined。但这里却是function。即同一个作用域内，函数声明放在代码块后面和前面都没有关系，函数可以正常使用。而变量声明则需先置前，先使用则是undefined。

来源：http://www.cnblogs.com/snandy/archive/2012/09/18/2669960.html

365据说看到好文章不转的人，服务器容易宕机！

标签：面试

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1071.html

IE6中常见CSS兼容性解决技巧及常见浏览器兼容性问题与解决方案(2014-2-25 17:36:26)
HTTP协议详解（前端面试常考知识点）(2014-2-17 17:1:48)
[转]从挑一段HTML的毛病，来看你真的了解HTML吗？–雅虎面试题(2014-2-7 14:43:27)
[数据结构]二叉树先序遍历的非递归算法具体实现（面试常考）(2014-1-20 12:27:53)
js中生成map对象的方法 arrylist maplist(面试常考题)(2014-1-16 12:23:41)
css九宫格用负margin使元素的border叠加(2013-12-13 13:53:50)
面试题：css九宫格兼容IE6 考虑语义化的结构(2013-12-12 12:11:53)
前端开发面试题及答案(2013-12-2 16:1:8)
前端开发面试题（很有料）(2013-12-2 12:1:37)
经典.NET面试题 C# ASP.NET面试题（二）(2013-5-23 14:39:42)

关于我们 - 广告合作 - 免责声明 - 投诉建议

Javascript常用面试题（2）- 难度篇

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

Javascript常用面试题（2）- 难度篇

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

想你所想爱你所爱