JavaScript深度解析：从入门到精通与设计模式详解

JavaScript

需积分: 50 61 浏览量更新于2024-07-19 收藏 2.05MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

避免隐式类型转换(AvoidingImpliedTypecasting)

JavaScript的变量在比较的时候会隐式类型转换。这就是为什么一些诸如：false==0或

“”==0返回的结果是true。为避免引起混乱的隐含类型转换，在你比较值和表达式类型

的时候始终使用===和!==操作符。

varzero=0;

if(zero===false){

//不执行，因为zero为0,而不是false

}

//反面示例

if(zero==false){

//执行了...

}

还有另外一种思想观点认为==就足够了===是多余的。例如，当你使用typeof你就知道它

会返回一个字符串，所以没有使用严格相等的理由。然而，JSLint要求严格相等，它使代码

看上去更有一致性，可以降低代码阅读时的精力消耗。（“==是故意的还是一个疏漏？”）

避免(Avoiding)eval()

如果你现在的代码中使用了eval()，记住该咒语“eval()是魔鬼”。此方法接受任意的字符

串，并当作JavaScript代码来处理。当有问题的代码是事先知道的（不是运行时确定的），

没有理由使用eval()。如果代码是在运行时动态生成，有一个更好的方式不使用eval而达到同

样的目标。例如，用方括号表示法来访问动态属性会更好更简单：

//反面示例

varproperty="name";

alert(eval("obj."+property));

//更好的

varproperty="name";

alert(obj[property]);

使用eval()也带来了安全隐患，因为被执行的代码（例如从网络来）可能已被篡改。这是个很

常见的反面教材，当处理Ajax请求得到的JSON相应的时候。在这些情况下，最好使用

JavaScript内置方法来解析JSON相应，以确保安全和有效。若浏览器不支持JSON.parse()，

你可以使用来自JSON.org的库。

同样重要的是要记住，给setInterval(),setTimeout()和Function()构造函数传递字符串，大

部分情况下，与使用eval()是类似的，因此要避免。在幕后，JavaScript仍需要评估和执行你

（1）编写高质量JavaScript代码的基本要点

-16-本文档使用看云构建

varlocal=1;

eval("local=3;console.log(local)");//logs"3"

console.log(local);//logs"3"

}());

(function(){

varlocal=1;

Function("console.log(typeoflocal);")();//logsundefined

}());

parseInt()下的数值转换(NumberConversionswith

parseInt())

使用parseInt()你可以从字符串中获取数值，该方法接受另一个基数参数，这经常省略，但不

应该。当字符串以”0″开头的时候就有可能会出问题，例如，部分时间进入表单域，在

ECMAScript3中，开头为”0″的字符串被当做8进制处理了，但这已在ECMAScript5中改

变了。为了避免矛盾和意外的结果，总是指定基数参数。

varmonth="06",

year="09";

month=parseInt(month,10);

year=parseInt(year,10);

此例中，如果你忽略了基数参数，如parseInt(year)，返回的值将是0，因为“09”被当做8

进制（好比执行parseInt(year,8)），而09在8进制中不是个有效数字。

替换方法是将字符串转换成数字，包括：

+"08"//结果是8

Number("08")//8

这些通常快于parseInt()，因为parseInt()方法，顾名思意，不是简单地解析与转换。但是，

如果你想输入例如“08hello”，parseInt()将返回数字，而其它以NaN告终。

编码规范(CodingConventions)

建立和遵循编码规范是很重要的，这让你的代码保持一致性，可预测，更易于阅读和理解。

一个新的开发者加入这个团队可以通读规范，理解其它团队成员书写的代码，更快上手干

活。

许多激烈的争论发生会议上或是邮件列表上，问题往往针对某些代码规范的特定方面（例如

代码缩进，是Tab制表符键还是space空格键）。如果你是你组织中建议采用规范的，准备

（1）编写高质量JavaScript代码的基本要点

-18-本文档使用看云构建

好面对各种反对的或是听起来不同但很强烈的观点。要记住，建立和坚定不移地遵循规范要

比纠结于规范的细节重要的多。

缩进(Indentation)

代码没有缩进基本上就不能读了。唯一糟糕的事情就是不一致的缩进，因为它看上去像是遵

循了规范，但是可能一路上伴随着混乱和惊奇。重要的是规范地使用缩进。

一些开发人员更喜欢用tab制表符缩进，因为任何人都可以调整他们的编辑器以自己喜欢的空

格数来显示Tab。有些人喜欢空格——通常四个，这都无所谓，只要团队每个人都遵循同一

个规范就好了。这本书，例如，使用四个空格缩进，这也是JSLint中默认的缩进。

什么应该缩进呢？规则很简单——花括号里面的东西。这就意味着函数体，循环(do,while,

for,for-in)，if，switch，以及对象字面量中的对象属性。下面的代码就是使用缩进的示例：

functionouter(a,b){

varc=1,

d=2,

inner;

if(a>b){

inner=function(){

return{

r:c-d

};

};

}else{

inner=function(){

return{

r:c+d

};

};

}

returninner;

}

花括号{}(CurlyBraces)

花括号（亦称大括号，下同）应总被使用，即使在它们为可选的时候。技术上将，在in或是

for中如果语句仅一条，花括号是不需要的，但是你还是应该总是使用它们，这会让代码更有

持续性和易于更新。

想象下你有一个只有一条语句的for循环，你可以忽略花括号，而没有解析的错误。

//糟糕的实例

for(vari=0;i<10;i+=1)

alert(i);

（1）编写高质量JavaScript代码的基本要点

-19-本文档使用看云构建

剩余396页未读，继续阅读

develbai

粉丝: 89
资源: 6

JavaScript深度解析：从入门到精通与设计模式详解

深入理解JavaScript（美）罗彻麦尔著.pdf

javascript系列大全

深入理解JavaScript完整版本

深入理解JavaScript中的数据类型和变量声明

深入解析JavaScript中的闭包

深入分析JavaScript函数式编程

理解JavaScript中的函数及其作用

深入理解WebKit的JavaScript引擎：从解释执行到JIT编译

JavaScript中的函数怎么样好理解

professional javascript for web developers

javascript学习这一篇就够了

最好的javascript学习网站

typescript deep dive csdn

js非常详细的思维导图

wrox professional node.js building javascript based scalable software (e-boo

js逆向之字节系列某量算数jsvmp算法分析及深度还原

typejavascript学习

csdnjavascript百炼成仙

autojs逆向dex js源码

js head firststyle

最新资源