与JavaScript新人共同分享实用经验

双子女神经01

双子女神经01

2016-02-20 01:00

今天给大家分享的是由图老师小编精心为您推荐的与JavaScript新人共同分享实用经验,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

为JavaScript做一点性能小提升吧!

本文列出了24条能让你的代码编写过程更为轻松高效的建议。也许您还是JavaScript初学者,刚刚写完自己的Hello World,那这里有很多对您的工作将十分有用的小贴士;也许有些技巧您已经知道,那就试试快速浏览一下,看能不能发现一点新东西吧!

注:本文多次用到Firebug的console对象,请参考 Firebug Console API 。关于firebug的更详细介绍,请猛击这里。

1. 用 === 代替 ==JavaScript里有两种不同的相等运算符:===|!== 和==|!=。相比之下,前者更值得推荐。请尽量使用前者。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

如果两个比较对象有着同样的类型和值,===返回true,!==返回false。
– JavaScript: The Good Parts

不过,如果使用==和!=,在操作不同数据类型时, 你可能会遇到一些意想不到的问题。在进行相等判断前,JavaScript会试图将它们转换为字符串、数字或 Boolean量。

2. 避免使用Eval函数

Eval函数把一个字串作为参数,并把字串作为JavaScript语句执行,返回结果(参考)。

此函数不仅会降低你脚本的执行效率,而且还大大增加了安全风险,因为它赋予了作为文本的参数太大的权利。千万别用!

3. 不要使用快速写法

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

技术上说,你可以省略掉大部分花括弧和句尾分号,绝大多数浏览器都能正确执行以下语句:

.if(someVariableExists) 
   x = false

不过,如果是这样的呢:

.if(someVariableExists) 
   x = false
   anotherFunctionCall();

你可能会认为它和下面的语句相等:

if(someVariableExists) { 
   x = false; 
   anotherFunctionCall();
}

不幸的是,事实并非如此。现实情况是它等价于:

 

如您注意到的,再漂亮的缩进也不能代替这华丽的花括弧。在所有情况下都请写清楚花括号和句尾分号。在只有一行语句的时候能偶尔省略掉,虽然下这么做也是极度不被推荐的:

if(2 + 2 === 4) return 'nicely done';

多考虑下将来吧,孩子
假设,在将来的开发过程中,你需要为这个 if 语句添加更多的命令呢?到时候你还不是得把括号给加上?

展开更多 50%)
分享

猜你喜欢

与JavaScript新人共同分享实用经验

Web开发
与JavaScript新人共同分享实用经验

实用厨房装修经验分享

生活常识
实用厨房装修经验分享

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

王者荣耀实用经验分享

王者荣耀
王者荣耀实用经验分享

SQL Server实用经验与技巧大汇集

SQLServer
SQL Server实用经验与技巧大汇集

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

《植物大战僵尸 花园战争》实用经验技巧分享

电脑网络
《植物大战僵尸 花园战争》实用经验技巧分享

经验分享:网页设计中实用的制作技巧

Web开发
经验分享:网页设计中实用的制作技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JavaScript:判断iframe是否加载完成的完美方法

JavaScript:判断iframe是否加载完成的完美方法

办公高效快捷 WPS Office 2010应用体验

办公高效快捷 WPS Office 2010应用体验
下拉加载更多内容 ↓