1，考察this
|
1
2
3
4
5
6
7
8
9
10
11
12
|
var length = 10 function fn(){ console.log(this.length) } var obj = { length: 5, method: function(fn) { fn() // ? arguments[0]() // ? } } obj.method(fn) |
这里的坑主要是arguments，我们知道取对象属于除了点操作符还可以用中括号，这里fn的scope是arguments，即fn内的this===arguments，调用时仅传了一个参数fn，因此length为1。
2，立即执行函数（Immediate function）具名时，名仅在该函数内可访问
|
1
2
3
4
5
6
|
~function() { console.log(typeof next) // ? ~function next() { console.log(typeof next) // ? }() }() |
外层匿名函数自执行，打印next，接着内层具名函数自执行。会发现具名的next仅在其自身函数体内可访问，即输出为function。外面是不可见的，typeof就为undefined了。同样的情况也发生在将具名函数赋值给一个变量时，如下
|
1
2
3
4
5
|
var func = function a() { console.log(a) } func() // ? console.log(typeof a) // ? |
3，给基本类型数据添加属性，不报错，但取值时是undefined
|
1
2
3
|
a = 3 a.prop = 4 alert(a + a.prop) // ? |
变量a为数字3，给其添加prop属性，值为4（奇怪吧在JS中这是允许的，且不会有语法错误）。然后alert出a+a.prop的结果。结果是NaN。a.prop为undefined，3+undefined为NAN。
举一反三，给字符串添加属性
|
1
2
3
|
str = 'a'str.prop = 'b'alert(str + str.prop) // ? |
结果呢？
4，隐式的全局变量
|
1
2
3
4
5
6
7
|
var a = 1 function func() { a = b = 2 } func() alert(a) alert(b) // ? |
JS中不用var声明的变量默认是全局变量，而这里的连等使的情况更加隐蔽。这里的b是全局的，因此func外可以访问。
5，变量声明早于代码运行（Scoping and Hoisting）
|
1
2
3
4
5
6
7
|
var uname = 'jack'function change() { alert(uname) // ? var uname = 'lily' alert(uname) } change() |
这里容易犯迷糊的是第一个alert，如果认为函数change外已经声明赋值了，此时应该是jack，实际函数内又var了一次（虽然var在其后），预解析时仍然会将其置undefined。这也是为什么书里都建议变量声明都放在代码块的最前面。
6，函数声明早于变量声明
|
1
2
3
4
5
6
7
8
|
function change() { alert(typeof fn) // ? function fn() { alert('hello') } var fn } change() |
change内先alert出fn，后函数声明，再变量声明。如果fn没有函数声明而仅是变量声明，那么结果与5一样是undefined。但这里却是function。即同一个作用域内，函数声明放在代码块后面和前面都没有关系，函数可以正常使用。而变量声明则需先置前，先使用则是undefined