首页 > 代码库 > 面向对象
面向对象
一.对象的创建及常用操作
(1,3其实差不多，少量的时候可以使用)
1.使用new运算符
var user = new Object();
user.name = ‘编程浪子‘;
user.age = 22;
user.address = ‘四川成都‘;
2.对象字面量
var user = {
name:‘编程浪子‘,
age:22,
address:‘四川成都‘
}；
3.简单方式（传统的赋值方法）
var user = {};
user.name= ‘编程浪子‘;
user.age = 22;
user.address = ‘四川成都‘;
4.属性的调用
a.alert(user.name + " " + user.age);
b.alert(user[‘name‘] + " " + user[‘age‘]);
5.添加方法
var user = {
name:‘编程浪子‘,
age:22,
address:‘四川成都‘，
showInfo:function(){//添加一个方法
alert(this.name+" " + this,age + " " +this.address);
},
showHello:showHello//将对象外部的方法添加到对象
};
function showHello(){
alert(‘hello‘);
}
user.showInfo(); //调用方法
user.showHello();
========================================================================
上面只是简单的封装一个对象，如果要封装很多个对象，就好出现很多相同的代码
1.工厂模式
优点：解决了实例化时代码大量重复的问题
缺点：识别问题，无法知道到底是哪个对象的实例（alert (typeof obj1)//object）
function create(name,age){
var obj = new Object();
obj.name = name;
obj.age = age;
obj.show = function(){
return this.name + ‘ ‘ + this.age;
}
return obj;
}
var obj1 = create(‘bclz‘,30); //第一个实例
var obj2 = create(‘bclz‘,20); //第二个实例
alert(obj1.show());
alert(obj2.show());
2.构造函数
优点：解决工厂模式的缺陷
缺点：每个方法都要在实例上重新创建一次
function User(name,age){
this.name = name;
this.age = age;
this.show = function(){
return this.name +‘ ‘+this.age;
};
}
var user1 = new User(‘bclz‘,30);//第一个实例
var user2 = new User(‘bclz‘,20);//第二个实例
现在我们就可以检测user1或者user2是不是属于User。
alert(user1 instanceof User);//true
========================================================================
我们需要引入另外一个javascript面向对象的重要概念**原型**
function SuperType(){
}
// alert(SuperType.prototype);//类型 prototype隐藏属性
// alert(SuperType.prototype.constructor); //指向function本身
function Cat(name,color){
this.name = name,
this.color = color
}
Cat.prototype.type = "猫科动物";
Cat.prototype.eat = function(){
alert("吃老鼠");
}
var cat1 =new Cat("大毛","黄色");
var cat2 =new Cat("二毛","黑色");
alert(cat1.type);
//指向同一个内存地址，提高了运行效率
alert(cat1.type == cat2.type);
面向对象