您的位置:首页 > Web前端 > JavaScript

Javascript基础(二)面向对象

2015-09-06 13:10 645 查看
我的CSDN博客地址: http://blog.csdn.net/caicongyang

1.Javascript定义对象最常用的方式(json方式)

var object = {username: "zhangsan", password: 123};
alert(object.username);
alert(object.password);


2.new Object()方式

var object = new Object();
object["id"] = 15;  //增加属性
alert(object.id);
delete object.id;  //删除属性
alert(object.id);


3.基于原有对象扩充属性和方法

//基于原有对象扩充属性和方法
var o2 = new Object();
o2.name = 'xiaoming';
o2.sayName = function(name){
<span style="white-space:pre">	</span>this.name =  name;
alert(name);
};
o2.sayName('lisi');


4.基于工厂的模式

//工厂模式
function createObject(name,age){
var object = new Object();
object.name = name;
object.age = age;

object.sayHello = sayHello;

return object;
}

function sayHello(){
alert(this.name+":"+this.age);
}

var ob = createObject("tom","12");
ob.sayHello();


5.构造函数的模式

//构造函数方式
function Person(name,age){
this.name = name;
this.age = age;
this.getInfo = getInfo;
}

function getInfo(){
alert(this.name+":"+this.age);
}

var person = new Person("Tom","23");
person.getInfo();


6.propotypes原型的方式

//prototypes+构造方法方式
function Person(name,age){
this.name = name;
this.age = age;
}

Person.prototype.getInfo=function(){
alert(this.name+":"+this.age);
};

var p1 = new Person("Jetty","25");
p1.getInfo();


我的CSDN博客地址: http://blog.csdn.net/caicongyang
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: