100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 《编写高质量代码改善JavaScript程序的188个建议》读书笔记

《编写高质量代码改善JavaScript程序的188个建议》读书笔记

时间:2018-07-03 13:09:44

相关推荐

《编写高质量代码改善JavaScript程序的188个建议》读书笔记

逗号运算符比较怪异。如 var a =(1,2,3,4);alert(a);// 4 var a = 1,2,3,4;//报错注意a++和++a的差别,变量在参与运算中不断地变化。var a;a = (a++) + (++a) - (a++) - (a++);在if语句中禁止使用function语句,虽然大多数的浏览器都允许在if语句中使用function,但它们在解析function语句的处理各不相同,因此造成了可移植性方面的问题。一个语句不能以一个函数表达式开头(?)。基于函数的迭代要比基于循环的迭代慢一些。因为每个数组项要关联额外的函数调用时造成速度慢的主要原因。当条件体增加时,if性能负担增加的程度比switch更大。在JavaScript提供的4中循环类型中,只有for in 循环执行速度比其他循环明显要慢,因为除了要查找对象上的属性外,还要查找原型链上的属性,增加性能开销。(in 运算符的运算机制?)回溯是影响正则整体性能的唯一因素。使用function语句和函数直接量定义的函数构造总会被里提取出来优先执行。只有在函数被解析和执行完毕之后,才会按顺序执行其他代码行。但是使用new Function构造函数定义的函数并非提前运行,而是运行时动态地被执行,这也是Function构造函数定义的函数具有顶级作用域的根本原因。通过new运算符可以复制函数的结构,从而实现函数实例化的目的。惰性载入函数主要解决的问题也是兼容性,原理跟分支函数类似。函数绑定是为了改变函数执行上下文,特别是当函数中有this关键字时。高阶函数至少满足以下条件之一:□接收函数作为输入;□输出一个函数借助prototype属性,可以访问原型对象内部成员。当构造函数实例化后,所有实例对象都可以访问构造函数的原型成员。本地属性会覆盖原型属性,如果使用delete运算符删除本地属性,那么原型属性依然会显示出来。使用原型的几种用途:1)使用原型设置默认值;2)使用原型实现数据备份;3)使用原型设置只读属性;4)使用原型进行批量复制“||”运算符为对象属性设置默认值,当对象属性值未定义时,以默认值进行传递。使用hasOwnProperty方法。如果对象拥有独有的属性,那么调用该方法将返回true,也就是说hasOwnProperty不会检查原型链。构造函数是一个特殊结构的函数,它没有返回值,通过this关键字来初始化实例对象。JavaScript核心对象中的Math和Global都是静态对象,不需要实例化就可以直接访问。类的静态成员包括私有和公共两种类型,不管是公共成员还是私有成员,它们在系统中只有一份副本,不会被分成多份传递给不同的对象,而是通过函数指针进行引用,这与闭包截然不同。如果构造函数有返回值,并且返回值是引用类型,那么经过new运算符计算后,返回的不再是构造偶函数自身对应的实例对象,而是构造函数包含的返回值(即引用类型值)。浏览器渲染操作的顺序如下:1)解析HTML结构;2)加载外部脚本和样式文件;3)解析并执行脚本代码;4)构造HTML DOM模型;5)加载图片等外部文件;6)页面加载完毕createElement和innerHTML两者性能基本相近,不过在几乎所有的浏览器中innerHTML速度更快一些,但最新的基于WebKit的浏览器(Chrome和Safari)除外。警惕文档遍历中的空格bug。在遍历DOM文档元素时,空格的存在很容易造成误解,因为DOM把空格也作为一个节点进行解析(包括换行符)。在大多数浏览器上,克隆节点更有效率,但提高得不太多。用克隆节点的办法创建1000行表格,只创建一次单元格,然后重复执行复制操作,只有会更快一点。当DOM改变影响到元素的几何属性(宽和高)时,如改变边框属性或在段落中添加文字将发生一系列后续动作:浏览器需要重新计算元素的几何属性,而且其他元素的几何属性和位置也会因此改变并受到影响。浏览器使渲染树上受到影响的部分失效,然后重构渲染树,这个过程称作重排版(reflow)。对于浏览器窗口来说,通过获取html标签的clientWidth和clientHeight属性就可以得到浏览器窗口的可视宽度和高度,document.documentElement.clientWidth。但是ie一下版本的浏览器中,body是最顶层的可视元素,因此需要写成document.body.clientWidth。在JavaScript中,不只是with表达式人为地改变运行期上下文的作用域链,try catch表达式的catch子句也具有相同效果。DOM元素中有一些特殊的测量属性的访问和方法的调用,也会触发reflow,比较典型的就是offsetWidth和getComputedStyle。为了提高DOM访问效率,推荐使用XPath查找元素。很多浏览器已支持该功能。每个浏览器对长时间运行脚本检查方法上略有不同:IE)500万条语句以内;FF)默认限制为10s;Safari)默认限制为5s,且不可改变但能关闭;Chrome)没有长时间运行脚本限制,代之以依赖它的通用崩溃检测系统来处理此类实例;Opera)没有时间限制。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。