总结三

作者: 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;

}

相关文章

  • 日总结

    0828三句话总结 311/365 0828当日总结 周三,晴 #时间清单# 工作,晚上学习。 #三句话总结# 工...

  • 总结三

    时间过得很快,这次学习又快结束了。不过收获满满!今天系统的全面的学习了公开课的流程以及注意事项,真的...

  • 总结三

    时间过得很快,这次学习又快结束了。不过收获满满!今天系统的全面的学习了公开课的流程以及注意事项,真的...

  • 三. 总结

    自定义视图实现动画的两种思路 方式一. 不使用属性动画。 如果自定视图中有动画效果,一般涉及到两个变量一个渐变量(...

  • 总结三

    今天留给我印象比较深的有三件事。早上去公园里锻炼我们的自信心,要不怕羞,大声叫出来。中午看了电影《奇迹男孩》也让我...

  • 总结三

    1.构造对象的几种方法: 工厂方法 1.functiona(){varchild=newObject(); ch...

  • 三:总结

    1.多线程线程:python的thread模块是比较底层的模块,python的threading模块是对threa...

  • 三🈷️总结

    三月在忙乱中度过,真的是忙到飞起。学校,家,上课,备课,课题,天天都在路上。但是很充实,从不习惯早起到现在每天六点...

  • kafka学习系列

    Kafka学习总结(一)——Kafka简介 Kafka学习总结(二)——Kafka设计原理 Kafka学习总结(三...

  • 三、面试总结(三)

    1,java堆,分新生代老年代,新生代有Eden,from surviver,to surviver三个空间,堆被...

网友评论

      本文标题:总结三

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