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%同意他的"语言精粹")

上一篇:吾八哥学Python(一):搭建Python开发环境(Windows)


下一篇:POJ 1269 Intersecing Lines (直线相交)