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;
}
网友评论