JavaScript面向对象

javaScript面向对象

面向对象的特征：

JavaScript如何实现封装？

javascript是一种基于对象的语言，但又不是一种真正的面向对象的语言，它没有类，所以要把属性和方法封装在对象中。在js中怎样得到一个对象呢？

1.json方式

var Person={
name:"liyanan",
age:"21",
say:function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}
};

var me=new Person();
me.say();

2.直接new一个object对象(不常用)

var cat=new Object();
cat.name="liyanan";
cat.age=21;
cat.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
};

3.使用工厂方式创建对象

function createObject(name,age){
var o=new Object();
o.name=name;
o.age=age;
o.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}
return o;
}
var p1=createObject("liyanan",21);
p1.say();

4.使用构造函数创建对象

function Person(name,age){
this.name=name;//this会绑定在实例对象上
this.age=age;
this.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}
}

var p1 = new Person("liyanan",21);
var p1 = new Person("lyn",19);

p1.say();
p2.say();

alert(typeof(p1));//等于alert(typeof p1);

alert(p1.instanceof Person);//判断p1是否是Person类型，返回true or false.

alert(p1.constructor == Person);//constructor指向它们的构造函数

//p1和p2的say()方法是一样的，每次调用这个方法就会开辟一块内存，并且这块内存还不会被回收，因此构造函数方式创建对象也存在内存消耗的缺陷。

function Person(name,age){
this.name=name;//this会绑定在实例对象上
this.age=age;
this.say=say;
}
function say(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}

var p1=new Person("liyanan",13);
var p2=new Person("lyn",12);
p1.say();
p2.say();
//现在p1，p2指向同一块say()内存.

5.使用原型Prototype定义对象

//使用prototype方式创建对象
function Person(){

}
//原型的扩充
Person.prototype.name="liyanan";
Person.prototype.age=13;
Person.prototye.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}

//使用Prototype创建对象的第二种方式

function Person(){

}
//原型的重写
Person.prototype={
constructor:Person,//当原型重写了
bd4a
之后，手动将构造器指向Person
name:"lyn",
age:13,
say:function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}
};

封装：要把对象的属性和方法进行封装

6.基于组合(构造函数加原型)的封装（常用）：

function Person(name,age){
//构造函数定义属性
this.name=name;
this.age=age;
}
//原型定义方法
Person.prototype.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}

var p1=new Person("liyanan",13);
p1.say();//我的名字是：liyanan,我的年龄是

7.基于动态原型链的方式（选学）

function Person(){
this.name=name;
this.age=age;
if(!Person.prototype.say){
Person.prototype.say=function(){
alert("我的名字是："+this.name+","+"我的年龄是："+this.age);
}
}
}