js压箱底的宝贝

框架的确好用, 不过他们也隐藏了JavaScript中丑陋的细节和DOM的运作机制. 如果你的目标是敢于自称"我懂JavaScript", 那么花时间学习框架无异于南辕北辙. 

下面这些JavaScript语言特性你应该熟记在心并避免被他们困扰, 然而多数人可能对此还不熟悉. 

- object.prop和object['prop']是一回事. (所以咱能不用eval么, 谢谢嗷); 对象的属性名都是以字符串来索引的, 连数组的下标都是; for...in能拿来干啥, 不能干啥. 

- 属性检测; undefined是个啥(及其肮脏之处); 不出名的in操作符有何优势, 它与typeof/undefined有何不同; hasOwnProperty方法; delete操作符的作用 

- Number类型本质上只是浮点类型; 语言无关地使用浮点类型的困难所在; 避免parseInt方法的八进制陷阱 

- 潜逃函数的变量作用域; 为避免产生全局变量而使用var关键字的必要性; 作用域与闭包的结合应用; 某个经典的闭包与循环的问题 

- 全局变量与window对象的属性其实是一回事; 全局变量与DOM对象在IE中的命名冲突问题; 以及使用var来规避此类问题. 

- function语句被提升的机理, function语句与function表达式的区别; 为什么避免使用具名函数表达式. 

- 构建函数, prototype属性, new关键字的工作机制; 在此基础上实现一个基本的类-子类-实例OO系统; 何时考虑使用基于闭包的对象来取代原型.(一般的JS教程这里讲的都很渣, 我花了好几年才真正理解) 

- this关键字在函数调用时确定而非函数定义时; 传入作为参数函数为什么不像其他语言那样正常工作; 如何用Function.prototype.bind来解决这个问题. 

- ES5引入的新语言特性, 如indexOf, forEach等; Array类的函数式编程方法; 如何为旧浏览器引入这些方法; 用匿名函数调用这些方法来提高代码可读性. 

- 浏览器与JS的控制流程交换机理; 同步与异步执行; 运行中主动触发的事件与真的事件间的区别, 以及timeout的机制; 调用同步执行的方法(比如alert)可能造成的控制流重进入的潜在异常; 

- 跨window编程中instanceof潜在的问题以及不同文档间控制流程是怎样互相影响的; postMessage会如何解决该问题. 

这里绝大多数问题都需要你批判性地看待JavaScript, 理解它由于历史原因而遗留下来的种种不完美(一般来说比别的语言都要糟糕), 并学会规避这些陷阱. Douglas Crockford在这方面的研究很值得一读(虽然我并非100%同意他的"语言精粹") 

var my = ["foo"]; //下标是0
console.assert(my[] == "foo"); //按数索引
console.assert(my[""] == "foo"); //按字符串索引

-
undefined 是一个自由变量, 跟window, document没有区别
虽然有那么一种隐藏的类型存在, 但是undefined可以赋值给任意值
var undefined =  // 破坏后面不成熟的js代码
　, null = 'foo' //出错, 因为null是语言关键字

in操作符没见到过, 除了周爱民的那本书...

delete相当于为变量赋值那个特殊的undefined
跟赋null值不同

-
语言无关我也没理解. 不知道是不是那个浮点数储存成二进制的问题(IEEE754还是啥来着)

parseInt如果省略第二个参数那么会智能地检查字符串, 而0开头(且后面没跟[xX])的会被认为是8进制.
Thomas Fuchs推荐的方法是 console.assert(~~(* "09.2") === );
*确保获得的是数
波浪线是整数的按位取反, 取两次就等于给小数parseInt - -

-
[是嵌套 - -]

那个经典问题:
var items = document.getElementsByTagName('li')
　, i = items.length;
while (i--)
　items[i].onclick = function(){console.assert( i ===  )} //不会抛出异常

-
IE下的window对象与全局作用域对象间关系问题[javaeye一个劲地超时]
http://hax.javaeye.com/blog/349569

-
function foo(){...} //这是function语句
function(){...} //这是function表达式

提升的作用是(如果没记错的话应该是这样...前段时间网上冒出几个js quiz很重视这个.):
[源代码]
/*一坨ooxx*/
var bar = function(){/*bar的定义*/}; //把一个函数表达式赋值给一个变量名
function foo(){/*foo的定义*/}; //具名函数的定义, 同时这是一个函数语句

[执行顺序]
var foo;
var bar;
foo = function(){/*foo的定义*/}; //具名函数定义的提升
/* ooxx */
bar = function(){/*bar的定义*/}; //没被提升.

-
[闭包是性能杀手. 下划线代表私有属性===王道]
原型继承有这么一个有趣的情况
function Boy () {
　Boy.prototype = {
　　fxxk: function(){/*...*/}
　};
}
那么第一个Boy实例不会fxxk
从第二个开始可以 - -

- this关键字那篇写得太完善了...

- 嗯就是Array.prototype的那几个方法, 最后那句的意思是把匿名函数直接传入给forEach, 仅此而已...

-
这个我没啥经验...第二句作者的意思可能是指在某些元素上直接调用focus()或者submit() 与用户点击来触发这些事件的区别.

timeout的机理 John Resig 写过一篇
ejohn.org/blog/how-javascript-timers-work/

-
在某个iframe里面定义的数组不是主window中Array的实例. instanceof检测会返回false
别的不知道了...

for...in当然是循环用的，for i in n,一个代表迭代的次数 一个代表迭代的对象。
可以做有预测的循环，可以检查迭代对象的类型等等。。

- 属性检测; undefined是个啥(及其肮脏之处); 不出名的in操作符有何优势, 它与typeof/undefined有何不同; hasOwnProperty方法; delete操作符的作用 

undefined就是找不到的意思……我认为，就感觉你生命了一个东西，如果没有赋值或者没有表达式就undefined了……typeof是类型监察，监察原型的所属是哪个类型，hasOwnproperty方法，没用过，是监察自身对象都有什么属性的？delete，没用过……查了下是删除对象或者数组一个属性的。。。后面的参数可以是函数表达式可以是数组元素。

- Number类型本质上只是浮点类型; 语言无关地使用浮点类型的困难所在; 避免parseInt方法的八进制陷阱 

前者没感觉有什么困难，可能Number操作比较少吧，parselnt就是转换成数字类型啊……8进制什么的，没用过。。

- 潜逃函数的变量作用域; 为避免产生全局变量而使用var关键字的必要性; 作用域与闭包的结合应用; 某个经典的闭包与循环的问题 

嵌套函数吧~关系比较复杂，但是作用域都是自己{}之间的吧。VAR是向上查找，不可覆盖的~？作用域与闭包的应用避免全局变量，经典的闭包与循环的代码，今天刚看了一个，绑定操作的一个函数，就是循环中套嵌闭包生成独立的命名空间吧。。

- 全局变量与window对象的属性其实是一回事; 全局变量与DOM对象在IE中的命名冲突问题; 以及使用var来规避此类问题. 

window对象肯定和全局变量是一回事，所以要用闭包，全局变量与DOM对象IE中冲突就用var吧……

- function语句被提升的机理, function语句与function表达式的区别; 为什么避免使用具名函数表达式. 

不清楚……匿名函数？表达式和语句的区别这个知道，避免覆盖重复。

- 构建函数, prototype属性, new关键字的工作机制; 在此基础上实现一个基本的类-子类-实例OO系统; 何时考虑使用基于闭包的对象来取代原型.(一般的JS教程这里讲的都很渣, 我花了好几年才真正理解) 

构建函数，prototype属性，new关键字的机制，建立一个类的基本例子，所有书的开头都有……虽然不太好理解，但是总看也会的。先构造函数，然后自身prototype加属性，然后new实例化。~

- this关键字在函数调用时确定而非函数定义时; 传入作为参数函数为什么不像其他语言那样正常工作; 如何用Function.prototype.bind来解决这个问题. 

因为this在JS里指向的是原型。否则就要call或着apply。

- ES5引入的新语言特性, 如indexOf, forEach等; Array类的函数式编程方法; 如何为旧浏览器引入这些方法; 用匿名函数调用这些方法来提高代码可读性. 

说的是扩展原型对象？后面那句没懂。。。

- 浏览器与JS的控制流程交换机理; 同步与异步执行; 运行中主动触发的事件与真的事件间的区别, 以及timeout的机制; 调用同步执行的方法(比如alert)可能造成的控制流重进入的潜在异常; 

回调函数，从上到下，单步，timeout机制懂，其他没体验过……

- 跨window编程中instanceof潜在的问题以及不同文档间控制流程是怎样互相影响的; postMessage会如何解决该问题. 

框架的确好用, 不过他们也隐藏了JavaScript中丑陋的细节和DOM的运作机制. 如果你的目标是敢于自称"我懂JavaScript", 那么花时间学习框架无异于南辕北辙.

下面这些JavaScript语言特性你应该熟记在心并避免被他们困扰, 然而多数人可能对此还不熟悉.

- object.prop和object['prop']是一回事. (所以咱能不用eval么, 谢谢嗷); 对象的属性名都是以字符串来索引的, 连数组的下标都是; for...in能拿来干啥, 不能干啥.

- 属性检测; undefined是个啥(及其肮脏之处); 不出名的in操作符有何优势, 它与typeof/undefined有何不同; hasOwnProperty方法; delete操作符的作用

- Number类型本质上只是浮点类型; 语言无关地使用浮点类型的困难所在; 避免parseInt方法的八进制陷阱

- 潜逃函数的变量作用域; 为避免产生全局变量而使用var关键字的必要性; 作用域与闭包的结合应用; 某个经典的闭包与循环的问题

- 全局变量与window对象的属性其实是一回事; 全局变量与DOM对象在IE中的命名冲突问题; 以及使用var来规避此类问题.

- function语句被提升的机理, function语句与function表达式的区别; 为什么避免使用具名函数表达式.

- 构建函数, prototype属性, new关键字的工作机制; 在此基础上实现一个基本的类-子类-实例OO系统; 何时考虑使用基于闭包的对象来取代原型.(一般的JS教程这里讲的都很渣, 我花了好几年才真正理解)

- this关键字在函数调用时确定而非函数定义时; 传入作为参数函数为什么不像其他语言那样正常工作; 如何用Function.prototype.bind来解决这个问题.

- ES5引入的新语言特性, 如indexOf, forEach等; Array类的函数式编程方法; 如何为旧浏览器引入这些方法; 用匿名函数调用这些方法来提高代码可读性.

- 浏览器与JS的控制流程交换机理; 同步与异步执行; 运行中主动触发的事件与真的事件间的区别, 以及timeout的机制; 调用同步执行的方法(比如alert)可能造成的控制流重进入的潜在异常;

- 跨window编程中instanceof潜在的问题以及不同文档间控制流程是怎样互相影响的; postMessage会如何解决该问题.

这里绝大多数问题都需要你批判性地看待JavaScript, 理解它由于历史原因而遗留下来的种种不完美(一般来说比别的语言都要糟糕), 并学会规避这些陷阱. Douglas Crockford在这方面的研究很值得一读(虽然我并非100%同意他的"语言精粹")