分享9点个人认为比较重要的javascript 编程技巧

1.巧用判断:

在js中,NaN,undefined,Null,"" 在转换为bool的时候,是false,所以,可以这样写。

代码如下:

表示一个对象如果为false的时候所做的事情,因为如果obj为以上任何一个,那么就是false,!false即是true,这样,就不需要 if(obj==null || obj == NaN ....)。

2.巧用运算符:

一个很经典的技巧,得到时间戳。

代码如下:

我们知道,js是弱类型语言,Date()会返回一个表示时间的字符串,用这个字符串进行算术运算,将得到转换,也就是结果的时间戳。

3.巧用正则表达式:

代码如下:
一个reg对象,调用了exec方法,当然也能调用其他的方法,如:test(),match()等。

4.取数组最大值和最小值:

代码如下:

调用Max.apply,设置对象的为Math,然后传递一个Values,就能确定最大值。

5.内存优化:

代码如下:

6.最受欢迎的创建对象方式(原型模式):

代码如下:
displayBookName:function (){ foreach(var t in this.books) { document.write(this.books[t]); } } }

原型构造模式的最大缺点在于引用类型的共享,所以,将引用类型定义在构造函数中,而将通用方法定义在原型中,使用this引用。

7.块级作用域和私有变量

在javascript中,没有块级作用域和私有变量这一说,但是,利用一些特性,则能模仿这些效果

7.1块级作用域:

代码如下:

匿名函数外面加上一个括号,我管它叫"函数标准化",也就是说,可以像标准函数那样调用,如:

代码如下:

这么做的好处就是,在()外部无法访问到函数中变量,也就成了块级作用域,这种方式一般用在编写插件的时候,不会再全局 (global)中添加额外的变量,而且,在函数执行完毕之后,其内部定义的变量就被销毁了,所以,也不会有闭包特性存在的问题。

7.2私有变量:

代码如下:

私有变量实际上就是利用函数的作用域作为限制(外部无法访问),然后定义一个方法,这个方法返回相应的变量,仅此而已。

8.DOM之NodeList:

nodeList是一个动态的元素,这意味着,在文档中添加任何元素,nodeList都会实时更新,如:

代码如下:

这段代码会造成无限循环,在循环里面创建了一个div,然后appendChild方法将其添加到body中,那么,所有alldiv会立即就更新,所以,i

代码如下:

这里建议:最好不要频繁的对NodeList操作,因为每次操作都会执行一次DOM树的查询

除了以上介绍的方法外,HTML5 新加入的API(selector API Level1)也能解决这个问题,它类似C#的linq及时查询,至于什么是linq及时查询,以后我会更新blog,敬请关注:

代码如下:

querySelectorAll需要一个参数,一个CSS选择器,类似jquery中的$(),它返回的NodeList是一个及时的,非动态的DOM集合。

另外还有一个querySelector,返回匹配的第一个元素,有关HTML5 API 详 见

或者

另外,本人也在酝酿一篇blog,专门讲HTML5 API的,敬请关注。

9.DOM性能:

不要做这种傻事(我做过。。。)

代码如下:
"; }

给对象的innerHTML赋值,会调用内置的C++解析器解析这个字符串,虽然速度很快,但是最好不要这样操作,会有一定的性能流失。

最好这样做:

代码如下:

for(var i=0;i<10;i++) { ih+="

  • "+i+"
  • "; } document.querySelector('ul').innerHTML=ih;

    另外的一些性能优化话题,等有时间再更新。

    以上所述就是本文的全部内容了,希望大家能够喜欢。

    相关文章

    前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
    前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
    前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
    前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
    前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
    前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...