总结三

作者: ningluo | 来源:发表于2017-06-26 22:17 被阅读0次

    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;

    }

    相关文章

      网友评论

          本文标题:总结三

          本文链接:https://www.haomeiwen.com/subject/itfscxtx.html