JavaScript 中的陷阱
全局变量
functionfoo(){
vara=b=0;
// body...
}
functionfoo(){
vara=(b=0);
// body...
}
变量声明
myName="global";
functionfoo(){
alert(myName);
varmyName="local";
alert(myName);
}
foo();
functionfoo(){
varmyName;
alert(myName);// "undefined"
myName="local";
alert(myName);// "local"
}
vara=1;
}
alert(a);
vara;// "undefined"
console.log("a"inwindow);// true
if(!("a"inwindow)){
vara=1;// 不执行
}
alert(a);// "undefined"
函数声明
alert(typeoffoo);// "function"
functionfoo(){
// body...
}
alert(typeoffoo);// "undefined"
varfoo=function(){
// body...
};
functiontest(){
alert("1");
}
test();
functiontest(){
alert("2");
}
test();
函数表达式
varbar=functionfoo(){
// body...
};
varbar=functionfoo(){
foo();// 正常运行
};
foo();// 出错:ReferenceError
函数的自执行
// (1) 这只是一个分组操作符,不是函数调用!
// 所以这里函数未被执行,依旧是个声明
functionfoo(x){
alert(x);
}(1);
// 标准的匿名函数表达式
varbar=functionfoo(x){
alert(x);
}(1);
// 前面的 () 将 function 声明转化为了表达式
(functionfoo(x){
alert(x);
})(1);
// 整个 () 内为表达式
(functionfoo(x){
alert(x);
}(1));
// new 表达式
newfunctionfoo(x){
alert(x);
}(1);
// &&, ||, !, +, -, ~ 等操作符(还有逗号),在函数表达式和函数声明上消除歧义
// 所以一旦解析器知道其中一个已经是表达式了,其它的也都默认为表达式了
true&&functionfoo(x){
alert(x);
}(1);
循环中的闭包
var links = document.getElementsByTagName("ul")[0].getElementsByTagName("a");
for (var i = 0, l = links.length; i < l; i++) {
links[i].onclick = function (e) {
e.preventDefault();
alert("You click link #" + i);
}
}
varlinks=document.getElementsByTagName("ul")[0].getElementsByTagName("a");
for(vari=0,l=links.length;i<l;i++){
links[i].onclick=(function(index){
returnfunction(e){
e.preventDefault();
alert("You click link #"+index);
}
})(i);
}
for(vari=0,l=links.length;i<l;i++){
(function(index){
links[i].onclick=function(e){
e.preventDefault();
alert("You click link #"+index);
}
})(i);
}
建议继续学习:
- JavaScript性能陷阱 (阅读:3099)
- Java陷阱(2010版) (阅读:3014)
- PHP数据类型隐性转换的陷阱 (阅读:2838)
- 移动互联网系统架构十大陷阱 (阅读:2583)
- 类型转换-无处不在的陷阱 (阅读:2145)
- cPickle序列化自定义类实例时的陷阱 (阅读:1701)
- 可能被你忽略的 JavaScript 代码陷阱 (阅读:1678)
- 情景反射陷阱 (阅读:1660)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:天涯孤雁 来源: WEB前端开发
- 标签: 陷阱
- 发布时间:2013-08-26 23:09:39
- [11] 逃出你的肖申克(五):看不见的牢笼(上)
- [9] [Perl]Moose::Manual::T
- [9] 关于身份证号的那些事
- [9] 位置服务类产品的用户状态和地点管理设想
- [8] 概率语言模型及其变形系列-PLSA及EM算法
- [8] Eclipse开发Android应用程序入门
- [8] MySQL error log 输出到sys
- [8] 怎样获取PHP变量的变量名之PHP实现
- [8] linux 简单架设防火墙路由器
- [8] 社交网络语法:关于“Checkin”