1 链式赋值的陷阱
1: function func(){
2: var innerVar = globalVar = 20;
3: }
4: func();
5: console.log(typeof globalVar); //输出结果为?
上面最后的输出结果是?相信不少人会毫不犹豫地说undefined,确定?
真相是:number
原因:从右至左操作符的优先级。首先,优先级较高的是表达式b=0,此时b未经声明。表达式的返回值为0,它被赋给var声明的局部变量a,如以下代码所示
var a = (b = 0);
建议:对链式赋值的所以变量都进行声明,再进行赋值
1: function foo() {
2: var a, b;
3: a = b = 20; //都是局部变量
4: }
2 变量释放时的副作用
隐含全局变量与明确定义的全局变量有细微的不同,不同之处在于能否使用delete操作符撤销变量
- 使用var创建的全局变量(这类变量在函数外部创建),不能删除
- 不使用var创建的隐含全局变量(尽管它是在函数内部创建),可以删除
这表明隐含全局变量严格来讲不是真正的变量,而是全局对象的属性。属性可以通过delete操作符删除,但变量不可以
//定义三个全局变量
var global_var = 1;
global_novar = 2; //反模式
(function(){
global_fromfunc = 3; //反模式
})(); //企图删除
delete global_var; //false
delete global_novar; //true
delete global_fromfunc; //true //测试删除情况
typeof global_var; //'number'
typeof global_novar; //'undefined'
typeof global_fromfunc; //'undefined'
在ES5 strict模式中,为没有声明的变量赋值会抛出错误
3 for-in的陷阱
1: function func(){
2: var innerVar = globalVar = 20;
3: }
4: func();
5: console.log(typeof globalVar); //输出结果为?
将上述代码稍微修改下又如何呢?
1: var person = {
2: name: 'casper',
3: age: 11
4: };
5: Object.prototype.getName = function(){};
6: for(var key in person){
7: console.log(key);
8: }
输出结果变成:
输出:name输出:age输出:getName
建议:不要增加内置对象的原型,除非必要,同时需在团队内进行良好的沟通,确保其他团队成员不会因此而遇到一些奇怪的错误
4 注意eval与new Function之间的差别
- eval()会影响到作用域
- new Function()中的代码将在局部函数空间中运行,因此代码中任何采用var定义的变量不会自动成为全局变量
- 无论在哪里执行Function,它都仅能看到全局作用域
1: console.log(typeof un); //'undefined'
2: console.log(typeof deux); //'undefined'
3: console.log(typeof trois); //'undefined'
4:
5: var jsstring = "var un = 1; console.log(un);";
6: eval(jsstring); //logs "1"
7:
8: jsstring = "var deux = 2; console.log(deux);";
9: new Function(jstring)(); //logs "2"
10:
11: jsstring = "var trois = 3; console.log(trois);";
12: (function(){
13: eval(jsstring);
14: })(); //logs "3"
15:
16: console.log(un); //'number'
17: console.log(typeof deux); //'number'
18: console.log(typeof trois); //'undefined'
从上面代码示例可以很清楚地看出前两点,关于第三点,请看下面代码示例:
1: (function(){
2: var local = 1;
3: eval("local = 2; console.log(local);"); //logs 3
4: console.log(local); //logs 3
5: })();
6:
7: (function(){
8: var local = 1;
9: new Function("console.log(typeof local);")(); //logs 'undefined'
10: })();
《javascript模式》 容易踩中的那些坑的更多相关文章
-
关于javascript模式一书中var white = new Array(256).join(“ ”)
直接进入正题 var white = new Array(256).join(" ") 运行后,我们会发现white.length的长度是255,这个是为什么呢?书上没有给出解答, ...
-
【Fine原创】JMeter分布式测试中踩过的那些坑
最近因为项目需要,研究了性能测试的相关内容,并且最终选用了jmeter这一轻量级开源工具.因为一直使用jmeter的GUI模式进行脚本设计,到测试执行阶段工具本身对资源的过量消耗给性能测试带来了瓶颈, ...
-
Jmeter Web 性能测试入门 (七):Performance 测试中踩过 Jmeter 的坑
脚本运行的过程中,大量request抛error,但没有地方能够查看request是因为什么error的. 原因:Jmeter默认禁掉了运行过程中每个request的具体response信息收集,只保 ...
-
三分之一的程序猿之社交类app踩过的那些坑
三分之一的程序猿之社交类app踩过的那些坑 万众创新,全民创业.哪怕去年陌生人社交不管融资与否都倒闭了不知道多少家,但是依然有很多陌生人社交应用层出不穷的冒出来.各种脑洞大开,让人拍案叫起. 下面我们 ...
-
Android Camera开发经验总结以及踩过的那些坑
写在开头 需求方:上传试卷的时候,用户自己拍的照片有很多问题.如:不清晰.图片歪了.错误图片等.我们要是能够对拍摄照片进行识别处理就好了,能够裁切矫正就更好了,最好可以像二维码扫描一样,直接识别处理- ...
-
javascript 模式(1)——代码复用
程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实 ...
-
与webview打交道中踩过的那些坑
随着HTML5被越来越多的用到web APP的开发当中,webview这一个神器便日渐凸显出重要地位.简要的说,webview能够在移动应用中开辟出一个窗口,在里面显示html页面,css以及js代码 ...
-
安装python爬虫scrapy踩过的那些坑和编程外的思考
这些天应朋友的要求抓取某个论坛帖子的信息,网上搜索了一下开源的爬虫资料,看了许多对于开源爬虫的比较发现开源爬虫scrapy比较好用.但是以前一直用的java和php,对python不熟悉,于是花一天时 ...
-
【读书笔记】读《JavaScript模式》 - 函数复用模式之现代继承模式
现代继承模式可表述为:其他任何不需要以类的方式考虑得模式. 现代继承方式#1 —— 原型继承之无类继承模式 function object(o) { function F() {}; F.protot ...
随机推荐
-
【LeetCode】7. Reverse Integer 整型数反转
题目: Reverse digits of an integer. Example1: x = 123, return 321 Example2: x = -123, return -321 思路:不 ...
-
C++11中新特性之:initializer_list详解
C++11提供的新类型,定义在<initializer_list>头文件中. template< class T > class initializer_list; 先说它的用 ...
-
关于IIS7.5下的web.config 404 配置的一些问题
本文介绍一个关于IIS环境下web.config配置的经验问题.在IIS7.5中添加配置404页面时遇到了一些问题,记录如下: 一开始在<customError>下的<error&g ...
-
C - 链表,推荐
Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit Status Descr ...
-
Kafka 0.8源码分析—ZookeeperConsumerConnector
1.HighLevelApi High Level Api是多线程的应用程序,以Topic的Partition数量为中心.消费的规则如下: 一个partition只能被同一个ConsumersGrou ...
-
JS中的运算符 以及变量和输入输出
1.算术运算(单目运算符) + 加 .- 减.* 乘. / 除. % 取余.++ 自增.-- 自减. >>> +:有两种作用,链接字符串/加法运算,当+两边全为数字时,进行加法运算, ...
-
alpha-咸鱼冲刺day5-紫仪
总汇链接 一,合照 emmmmm.自然还是没有的. 二,项目燃尽图 三,项目进展 !!!QAQ可以做到跟数据库交互了!!!!先来撒花花!(然后继续甲板) 四,问题困难 日常啥都不会,百度真心玩一年 ...
-
大家一起做训练 第一场 A Next Test
题目来源:CodeForce #27 A 题目的意思简而言之就是要你输出一个没有出现过的最小的正整数. 题意如此简单明了,做法也很明了. 直接读入所有的数,然后排个序,设置个变量从1开始,出现过+1, ...
-
zoj-3410-Layton&#39;s Escape
/* ZOJ Problem Set - 3410Layton's Escape ----------------------------------------------------------- ...
-
python基础7--集合
集合set Python的set集合是一个无序不重复元素集.基本功能包括关系测试和消除重复元素.集合对象还支持union(并集).intersection(交集).difference(差集) 和 s ...