javascript常用知识点集.pdf

分享高质量文档

javascript常⽤知识点集

⽬录结构

⼀、jquery源码中常见知识点

⼆、javascript中原型链常见的知识点

三、常⽤的⽅法集知识点

四、经典实例应⽤

⼀、jquery源码中常见的知识点

1.string，number类型转换的快捷⽅法

//@params为字符串，n为数字

functionfn(obj){

//转换为String类型

vars=obj+;

//转换为number类型

varn=+obj;

}

分享⼀个⾯试例⼦：

//加会将其后⾯⾃动转换成字符串

64+4=644

//减会将其⾃动转换成数字

64-4=60

2.bool类型转换

!!obj，将其强制转换为bool类型

alert(!!0)//结果为false

alert(!!33dd)//结果为true

!obj，取相反的bool类型

alert(!0)//结果为true

alert(!222333)//结果为false

3.===与==区别

===是严格相等，不会进⾏类型转换，⽽==是不严格相等，会进⾏类型转换。有些js的书中，建议开发⼈员永远不要⽤==或者!=。

但是jquery源码中，有⽤到“==”或者“!=”的情况——判断undefined和null的时候(undefined==null为true)。

//这⾥的判断，将obj是null，obj是undefined都排除在外了

if(obj!=null){

}

4.检测obj是否为window对象

//null==window.null为true

functionisWindow(obj){

returnobj!=nullobj==window.obj;

}

5.||与⽤法技巧

//例varaa=5;name=aa||{};alert(name)则name为55

=name||{}//如果name值存在，则值为name，反之为{}

//例varaa=5;name=aa{};alert(name)则name为{}，因为aa为5，不为0则为真

=bool[]//如果bool为true，则值为[],反之则为bool

经典实例:

(window.foo||(window.foo=bar));

alert(window.foo);//弹出bar

//为什么最后的结果是bar呢，其实可以看成是undefined||bar出来的结果肯定是bar

6.setTimeout(fn,0)与setTimeout(fn)区别（此处有问题，没有考虑单线程的问题，请⽐较了解的⼤神，帮忙指点）

setTimeout(fn,0)与setTimeout(fn)都是延迟执⾏，但是setTimeout(fn)⽐setTimeout(fn,0)延迟时间还要长，例

functionfn(){

vardata=newDate();

for(vari=0;i=1000;i++){

if(i==1000){

console.log(fn=+data.getTime());

}

}

}

functionfn1(){

vardata=newDate();

for(vari=0;i=1000;i++){

if(i==1000){

console.log(fn1=+data.getTime());

}

}

}

setTimeout(fn,0),

set