-------------------【面向对象】-------
----《构造函数》---
简介:所有的构造函数有一个特点首字母大写,另外在js中我们可以理解为只要执行以后能够返回新的对象的函数就是构造函数
new关键词的作用:new关键词主要做两件事情。
第一:将一个函数变成对象并返回。
第二:在这个函数的内部将this指向函数本身。
总结:new这个关键词实际上能够将任何函数直接变成一个对象。它只有在和构造函数配合的时候才有用,它相当于可以化简构造函数自己创造对象和返回对象的步骤。
相当于这两行代码:var obj = new Object();......return obj; 用new了,就不用写这两行代码了。
构造函数技巧的最大目的: 创造完全独立的对象,互相之间不影响。
---原型属性***
任何的一个对象身上几乎都能看到通用的两个属性一个是构造器一个是原型属性,其中最有用的就是原型prototype它的作用就是构造函数的一个共享库。
在这个共享库里面存储的所有数据将来都会被所有的新对象公用。
对于面向对象思想来讲属性必须每个对象自己有自己的,而方法最好大家都公用一套,这样大大降低了创建方法的成本。
如何让方法公用就是将共享的东西写进构造函数的原型属性里。
记清楚一件事情谁使用原型库啊?
构造函数使用原型库,所有将来的对象共享这个原型库。
还有一个好处方法如果写在构造函数的原型库里面,将来还可以通过原型继续拓展。
---原型的工作原理***
在网页发布以后原型的工作会自动做以下两件事情。
第一:自动将原型库中的所有内容都放在将来的对象身上。
第二:如果共享库中的内容发生变化会自动更新所有对象上的数据。
任何一个构造函数都有自己的共享库,那么这个共享库里面天生有没有东西。
它实际上有一个东西。是构造器属性。这个构造器属性在创造新对象的时候会被原型库自动加给对象。
---《面向对象的写法》
在面向对象的写法当中原型的共享库里面所有的方法默认情况this都会指向将来的对象。只有在常用的两个情况会发生变化。
那么这两个情况一定要检查作用域。
第一:就是事件的作用域中。 会变成事件源。
第二:定时器的作用域中。 会变成window。
onresize 事件会在窗口或框架被调整大小时发生。
思想:就是让其后执行。。。。
--函数截流1--主要给个定时器
function throttle(fn,delay){
var timer=null;//为了不污染全局变量
return function(){
clearTimeout(timer)
timer=setTimeout(fn,delay)
}
}
window.onresize=throttle(function(){
document.body.innerHTML=document.documentElement.clientWidth;
},200)
--函数截流2
function throttle(fn,delay){
var timer=null;
return function(){
clearTimeout(timer)
timer=setTimeout(fn,delay)
}
}
window.onscroll=throttle(function(){
document.body.children[0].innerHTML=document.body.scrollTop;
},200)
-------面向对象写法
function UserData(){
this.name='张三'
}
UserData.prototype.showName=function(){
alert(this.name)
};
------面向对象经典写法
//书写了构造函数
function UserData(){
this.name='张三';
this.age=18;
this.tel=13812341234;
}
UserData.prototype={
constructor:UserData,
showName:function(){
alert(this.name)
},
showAge:function(){
alert(this.age)
},
showTel:function(){
alert(this.tel)
}
}
---------------------