什么是对象----所谓对象,就是一个具有简单功能的事物,例如:汽车,电脑,手机,水杯,他们都会提供一定的功能,自己本身是一个整体,把功能集成在自己身上。
百度百科的关于对象的定义----具有属性和方法的类实例(感觉蛮抽象的,其实在现实生活中就是具体的事物,在程序设计里面把他抽象出来)。
面向对象----Object Oriented 面向对象这个概念用处很广泛,在学数据库的时候看到过面向对象的概念,学VB的时候同样遇到过,当然现在JS同样遇到了。刚开始一听面向对象会感觉很抽象,其实简单来说就是一点,把面向对象看作是生活中的一个提供某一种功能的事物,在JS里那就是具体的封装函数,这样一个封装函数可以提供一些功能,类似于JQuery这样的库,他就可以提供很多种功能,作为前端开发的人员,虽然说没有必要知道他的具体代码,只要会使用他提供的功能就可以了,但是如果自己知道那些技术大牛是怎么写的库,写代码的思维,那就高人一筹了。
面向对象的特征:
- 抽象----抓住核心问题。例如今天的六级考试,把一个人抽象成姓名,准考证号来代表一个人具体的人。
- 封装----封装使数据和加工该数据的方法(函数)封装为一个整体,以实现独立性很强的模块,使得用户只能见到对象的外特性(对象能接受哪些消息,具有那些处理能力),而对象的内特性(保存内部状态的私有数据和实现加工能力的算法)对用户是隐蔽的。封装的目的在于把对象的设计者和对象者的使用分开,使用者不必知晓行为实现的细节,只须用设计者提供的消息来访问该对象。简单来说就是封闭函数,在外面调用函数。
- 继承----单继承(一个子类有多个父类)和多重继承(一个子类有多个父类)-----其实继承和CSS有类似点。
- 多态----同一消息为不同的对象接受时可产生完全不同的行动。利用多态性用户可发送一个通用的信息,而将所有的实现细节都留给接受消息的对象自行决定,如是,同一消息即可调用不同的方法。
对象的组成:
- 方法---函数:动态
- 变量---属性:静态
1 <script> 2 /*var arr=[1,2,3,4]; 3 var a=10; //现在的a是变量----自由的 4 arr.a=1; //现在的a是属性----属于某一个对象的 5 alert(arr.a);*/ 6 function paxster(){ 7 alert('bingo'); 8 } 9 paxster(); //函数 10 11 paxster=function(){ 12 alert('bingostyle'); 13 } 14 paxster(); //方法 15 </script>
this属于谁,属于他的对象
1 <script> 2 var paxster=[1,2,3]; 3 paxster.show=function(){ 4 alert(this); //this----当前的方法属于谁? 5 } 6 paxster.show(); 7 </script>
window对象
1 function show(){ 2 alert(this); 3 } 4 show();
- 函数----自由的时候叫做函数
- 方法----当一个函数属于一个对象的时候叫做方法
- 构造函数----创建一个对象
- 事件处理函数----事件处理的时候
构造函数:其实很容易理解,使用一个函数封装功能,其他的数据就可以调用这个函数创建新的对象,不需要多次写同一个函数。
1 <script> 2 //用工厂方式构造对象 3 function createPerson(name, sex) //构造函数 4 { 5 //1.原料 6 var obj=new Object(); 7 //2.加工 8 obj.name=name; 9 obj.sex=sex; 10 obj.showName=function () 11 { 12 alert('我的名字叫:'+this.name); 13 }; 14 obj.showSex=function () 15 { 16 alert('我是'+this.sex+'的'); 17 }; 18 //3.出厂 19 return obj; 20 } 21 var p1=createPerson('paxster', 'boy'); 22 var p2=createPerson('boychik', 'girl'); 23 alert(p1.showName==p2.showName); 24 </script>
工厂方式的问题:
- 没有new----new可以简化代码
- 资源浪费,调用同一个函数多次。(每写一次function函数创建一个新的对象
明天早上出门,暂时到这:)