010-64928252 400-6446-365

网站建设之优化JS的技巧

2017-04-16
  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,则就少了一次查询......
TAG标签耗时:0.00056910514831543 秒
010-64928252/400-6446-365 我现在就想找顾问聊聊
让决策变的简单
好的开始是成功的一半
您需要一位互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画
高端网站建设 · 小程序 · APP · 微信 · H5 · 游戏 · 电商 · 年度运营