高性能JavaScript

最新推荐文章于 2024-08-12 22:06:56 发布

xhwNB01

最新推荐文章于 2024-08-12 22:06:56 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/xhw979850818/article/details/88221461

版权

优化JavaScript的规则：

1）将脚本放在底部。

2）减少页面中外链脚本文件的数量和大小。（下载单个100KB的文件将比下载4个25KB的文件更快）。

3）使用原生方法

1、多数浏览器使用单一线程来处理用户界面（UI）刷新和JavaScript脚本执行，所以同一时刻只能做一件事。JavaScript执行过程耗时越久，浏览器等待响应的时间就越长。

2、浏览器在解析到<body>标签之前，不会渲染页面的任何部分。把脚本放到页面顶部将会导致明显的延迟，通常表现为显示空白页面，用户无法浏览内容，也无法与页面进行交互。

3、带有defer属性的<script>标签可以放在文档的任何位置。对应的JavaScript文件将在页面解析到<script>标签时开始下载，但并不会执行，直到DOM加载完成（onload事件被触发前）。当一个带有defer属性的JavaScript文件下载时，它不会阻塞浏览器的其他进程，因此这类文件可以与页面中的其他资源并行下载。

4、async属性，用于异步加载脚本。async与defer的相同点是采用并行下载，在下载过程中不会产生阻塞。区别在于执行时机，async是加载完成后自动执行，而defer需要等待页面完成后执行。

5、每一个JavaScript函数都表示为一个对象，更确切地说，是Function对象的一个实例。Function对象痛其他对象一样，拥有可以编程访问的属性，和一系列不能通过代码访问而仅供JavaScript引擎存取的内部属性。Scope是Function对象的内部属性，包含了一个函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定哪些数据能被函数访问。

6、在执行环境的作用域中，一个标识符所在的位置越深，它的读写速度也就越慢。因此，函数中读写局部变量总是最快的，而读写全局变量通常是最慢的。全局变量总是存在于执行环境作用域链的最末端，因此它也是最远的。

7、JavaScript中的对象是基于原型的，原型定义并实现了一个新创建的对象所必须包含的成员列表。原型对象为所有对象实例所共享，因此这些实例也共享了原型对象的成员。当book.toString( )被调用时，会从对象实例开始，搜索名为“toString”的成员，一旦发现book没有名为toString的成员，那么会继续搜索器原型对象，直到toString( )方法被找到并执行。由此可见，对象book可以访问它原型中的每一个属性和方法。