总结三

2017-06-26  本文已影响0人  ningluo

1.构造对象的几种方法:

工厂方法

1.functiona(){varchild=newObject();    child.name="ding";    child.age=21;returnchild;}varx=a();

构造函数方法

2.functiona(){this.name="ding";this.age=21;}varx=a();

原型 方法

3.functiona(){}a.prototype.name="ding";a.prototype.age=21;varx=a();

混合 方法

4.functiona(){this.name="ding";}a.prototype.age=21;

2.闭包:

vara=function(){vari=0;returnfunctionb(){        alert(++i);    }}varc=a();c();c();

这就是一个典型的闭包,外层一个函数,内部还是函数,然后将内部函数return出去。

其中最重要是var c=a();c();这两句话。

var c=a();执行后返回的是b函数,因为已经return了,所以系统回收变量,这样下来b函数就没有释放。

c();这个执行的就是b函数。因为没有return,所以就不会释放,一直在栈区。这就实现了全局的效果。

安全性,全局性。

好处呢:1.安全性,上面的函数a中的i,只有b可以访问,保护了变量的安全。

2.全局性,因为b函数没有释放,还在栈区,达到全局的目的。

3.使用JS改变元素的class

functionchangeClass(oldClass,newClass){varEles=document.getElementsByTagName('*');for(vari=0;i

4.判断类型

判断一个对象为undefined

if(typeofobj=="undefined"){varobg={};}

判断一个对象为null或者undefined

if(obj==null){    alert("is null or undefined");}

判断一个对象为null

if(obj===null){    alert("is null");}

判断一个对象是不是数组

functionisArray(obj){returnObject.prototype.toString.call(obj)=== '[objectArray]';}

补充:

undefined==unll(这个是对的)

undefined===unll(这个是错的)

(==与===的区别:前者比较的只是数值后者比较的除了数值还有类型。前者可以自动转换数据类型,后者不可以)

5.普通事件与绑定事件的区别:

例如:

varbtn=document.getElementById("btn");    普通事件:    btn.onclick=function(){        alert("普通事件1");    }// 结果是不执行btn.onclick=function(){        alert("普通事件2");    }// 结果是执行绑定事件:    btn.addEventListener('click',function(){        alert("绑定事件1");    },false);// 结果是执行btn.addEventListener('click',function(){        alert("绑定事件2");    },false);// 结果是执行

所以说区别就是普通事件只支持单个事件,而事件绑定可以添加多个事件

6.IE和dom的事件流的区别

1.冒泡方式不同

IE采用事件冒泡的方式(具体到最大祖先元素)

netscape采用事件捕获的方式(最大祖先元素到具体)

dom采用先捕获后冒泡的方式

2.事件处理不同,参数不同,而且一个加on一个不加on

IE采用

attachEvent("onclick",function(){}) detachEvent("onclick",function(){})

dom采用

addEventListener("click",function,false)

removeEventListener("click",function,false)

3.阻止默认行为

IE:eve.returnValue=false

其他:eve.preventDefault();

4.停止事件冒泡

IE:eve.cancelBubble=true;

其他:eve.stopPropagation();

7.IE与其他浏览器的兼容性问题:

vareve=e||window.eventvarwidth=document.body.clientWidth||document.documentElment.clientWidthvartarget=eve.srcElement||eve.target

8.call与apply

网上看了那么多,讲的有点拗口。说白了就是a.call(b,arg1,...)将a对象的方法加给b对象

例如:

functionanimal(){this.name="animal";this.showName=function(){        alert(this.name);    }}functioncat(){this.name="cat";}varanimal=newanimal();animal.showName();//输出animalvat cat=newcat();anmial.showName.call(cat)//输出是cat这就是将animal的showName方法加给cat对象来执行。

call与apply的区别就是参数写法不同:

a.call(b,arg1,arg2,...)

a.apply(b,[arg1,arg2,...])

9.JS对象分类:

本地对象:array obj regExp等可以new实例化的

内置对象:Math等不可以实例化的

宿主对象:document window等浏览器自带的

10.数组去重的方法:

function sort(arr){

var result={};

var newArr=[];

for(var i=0;i

if(!result[arr[i]]){

newArr.push(arr[i]);

result[arr[i]]=1;

}

}

return newArr;

}

上一篇下一篇

猜你喜欢

热点阅读