网站建设之优化JS的技巧

资料来源：网络整理时间：2023/3/21 5:45:59 共计：3575 浏览

　　JS的合称是JavaScript，它是一种直译式脚本语言，同时也是一种动态类型、弱类型、基于原型的语言，内置支持类型。JS在浏览器中有自己的解释器，被称为JavaScript引擎，它属于浏览器的一部分。JS在实用应用中被广泛的用于客户端的脚本语言，最早的是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

　　JS的基本特有有哪些？

　　1、是一种解释性脚本语言（代码不进行预编译）。

　　2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

　　3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

　　4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

　　虽然现在的技术还是很弱，但是对于如何优化JavaScript还是有一定的技巧可循的，下面分形科技就与大家分享一些网站建设之优化JS的技巧。

　　循环在JS中是很常用的一个控制结构，大部分东西要依靠它来完成，在JavaScript中，我们可以使用for(;;),while(),for(in) 三种循环。但事实上，这三种循环中for(in)的效率极差，因为他需要查询散列键，如果可以分形科技建议大家尽量少用。

　　for(;;)和while循环的性能应该说基本（平时使用时）等价。而事实上，如何使用这两个循环，则有很大讲究。

　　网站建设之优化JS的技巧

　　1、如果是循环变量递增或递减，不要单独对循环变量赋值，应该在它最后一次读取的时候使用嵌套的++或—操作符。

　　2、如果要与数组的长度作比较，应该事先把数组的length属性放入一个局部变量中，减少查询次数。

　　3、局部变量和全局变量

　　局部变量的速度要比全局变量的访问速度更快，因为全局变量其实是全局对象的成员，而局部变量是放在函数的栈当中的。还有，局部变量屏蔽全局变量。

　　4、最好少使用Eval，使用eval相当于在运行时再次调用解释引擎对内容进行运行，需要消耗大量时间。所以建议不使用。

　　那在什么时候使用呢？

　　比如AJAX返回是JS代码，当我们想让这段代码执行，那么此时就可以使用eval。

　　5、减少重复查找

　　因为JavaScript的解释性，所以a.b.c.d.e，需要进行至少4次查询操作，先检查a再检查a中的b，再检查b中的c，如此往下。所以如果这样的表达式重复出现，应该尽量少出现这样的表达式，可以利用局部变量，把它放入一个临时的地方进行查询。

　　这一点可以和循环结合起来，因为我们常常要根据字符串、数组的长度进行循环，而通常这个长度是不变的，比如每次查询a.length，就要额外进行一个操作，而预先把var len=a.length，则就少了一次查询......

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：网站制作中关于动态、静态、伪静态页的分析 | ·下一条：网页设计的吸睛策略