高性能Javascript第二章加数据存取

笔记:

  1. 数据存取的位置:字面量,本地变量,数组元素,对象成员。
  2. 每一个javascript函数都表示为一个对象。
  3. 内部属性[[scope]]包含了一个函数被创建的作用域中对象的集合。这个集合被称为函数的作用域链,它决定哪些数据能被函数访问。
  4. 执行函数时会创建一个称为执行环境的内部对象。
  5. 多次调用同一函数就会导致创建多个执行环境,当函数执行完毕,执行环境被销毁。
  6. 函数执行过程中,每遇到一个变量,都经历一次解析从哪里获取的过程,过程中搜素执行环境的作用域链。
  7. 函数中读写局部变量总是最快的,而读写全局变量通常是最慢的。全局变量总是存在于执行环境作用域的最末端,因此它是最远的。
  8. 建议尽可能使用局部变量。
  9. 如果某一个跨作用域的值在函数中被引用一次以上,那么就把它存储到局部变量中。
  10. 像document这种对象,多次调用,他是全局对象,可以将全局变量的引用存储在一个局部变量中,然后找到局部变量代替全局变量。
  11. 一个执行环境的作用域是不会改变的。
  12. 改变执行环境的作用域通过:with语句,给所有对象属性创建一个变量。
  13. 或者通过try-catch也可以。
  14. catch中可以将错误委托给一个函数来处理。
  15. 动态作用域:try-catch,eval,with
  16. 闭包,允许函数访问局部作用域之外的数据。
  17. IE使用非原生javascript来实现DOM对象,因此闭包会导致内存泄露。
  18. 使用闭包最需要关注的点:在频繁访问跨作用域的标识符时,每次访问都会带来性能损失。
  19. 可以将常用的跨作用域变量存储在局部变量中,然后直接访问局部变量。
  20. 对象成员包括属性和方法。
  21. JS对象基于原型,类定义创建对象的过程,而原型对象为所有的对象实例所共享。
  22. 对象通过一个内部属性绑定到它的原型。这个属性_proto_对开发者可见。
  23. 对象包含,实例对象和原型对象,实例对象直接存在于对象实例中,原型对象则从对象原型中继承而来。
  24. 对象搜素对应的属性或者方法时,会一路向上找,直到找到并执行。
  25. 加油通过hasOwnProperty()方法来判断对象是否含有特定的实例成员。
  26. 对象的原型决定了实例的类型,默认情况下,所有的对象都是对象的实例,并继承了所有的基本方法。
  27. 由于对象成员可能包含其他成员,window.location.href,点操作,嵌套成员导致javascript引擎搜素所有的对象成员。
  28. 必要时使用成员对象,同一个函数中没有必要多次读取同一个对象成员。
  29. 在函数中如果要多次读取同一个对象属性,最佳做法是将属性值保存到局部变量中,局部变量能用来替代属性以避免多次查找带来的性能开销。特别是在处理嵌套对象成员时,这样明显提高执行速度。

小结:

  1. 数据存储4种方法:字面量,变量,数组项,对象成员。
  2. 访问字面量,局部变量最快,相反,数组和对象成员相对较慢。
  3. 局部变量位于作用域链起始位置。变量在作用域链位置越深,访问时间越长。
  4. 避免with,try-catch也改变。
  5. 嵌套对象影响性能,少用。
  6. 可以把常用的对象成员,数组元素,跨域变量保存在局部变量中来改善js性能,因为局部变量访问速度更快。

猜你喜欢

转载自blog.csdn.net/qq_37021554/article/details/87919689