乐趣区

关于前端:前端开发之JavaScript优化

JavaScript 的高效优化始终都是咱们前端开发中十分重要的工作,也是很多开发人员无奈做好的一部分内容,明天我总结了 10 个优化问题,大家能够参考来做优化,很多问题都是大家常遇到的。

== 和 === 的区别

应防止在 if 和 while 条件抉择语句中的条件判断局部进行赋值,如 if (a = b),应写成 if (a == b),然而在比拟是否相等的状况下,最好应用全等运算符,也就是应用 === 和!== 运算符比照 == 和!= 会好点。因为 == 和!= 运算符会进行强制类型转换

不要应用生偏语法

不要应用生偏语法,和写一些让人纳闷的代码,java 培训尽管计算机能够失常辨认和运行,然而让人难懂的代码不不便前期保护

函数返回对立类型

尽管 JavaScript 是弱类型的,在函数里,后面返回是整数型数据,前面返回布尔值都能够失常的编译和运行的,但为了标准和前期保护,应保障函数返回对立的数据类型

总是查看数据类型

要查看你的办法传入的参数,一方面是安全性,另一方面是可实用性。用户随时都有可能会误操作传入谬误的数据。这不是因为他们的问题,而是因为他们的思维形式和应用习惯和你不一样。所以能够应用 typeof 办法来帮忙你检测 function 承受的参数是否非法

何时用单引号,何时用双引号

在 JavaScript 当中,尽管双引号和单引号都能够用来示意字符串, 然而为了防止凌乱,所以咱们倡议在 HTML 中应用双引号,在 JavaScript 中应用单引号。不过为了兼容各个浏览器,也为了解析时不会出错,定义 JSON 对象时,最好应用双引号

删除 DOM 节点

删除 DOM 节点之前, 记住要删除注册在该节点上的事件, 不论是用 observe 形式还是用 attachEvent 形式来注册的事件, 否则会呈现无奈回收的内存。此外,在 removeChild 和 innerHTML=’’这两个, 尽量抉择第二个. 因为在 sIEve(内存泄露监测工具) 中监测的后果是用 removeChild 无奈无效地开释 DOM 节点

多个类型申明

在 JavaScript 中所有变量都能够应用单个 var 语句来申明,这样就是组合在一起的语句,能够缩小整个脚本的执行工夫。

插入迭代器

如 var name=values[i]; i++; 这两条语句能够写成 var name=values[i++]

浮点数转换成整型

很多人常常喜爱应用 parseInt() 来做转成整数,其实 parseInt() 是用于将字符串转换成整数的,而不是用于浮点数和整型之间转换的。浮点转整型咱们应该应用 Math.floor() 或者 Math.round()

防止双重解释

要进步代码性能,就尽可能避免出现须要依照 JavaScript 解释的字符串,也就是

1. 尽可能少应用 eval 函数

应用 eval 相当于在运行时再次调用解释引擎对内容进行运行,须要耗费大量工夫。同时,应用 Eval 带来的安全性问题也是不容忽视的。

2. 不应用 Function 结构器

不要给 setTimeout 或者 setInterval 传递字符串参数

最初,倡议大家永远不要疏忽代码优化工作,重构是一项从我的项目开始到完结须要继续的工作,只有一直的优化代码能力让代码的执行效率越来越好。

原创作者:WEB 前端老李

退出移动版