JavaScript 定义类或对象

  在JavaScript中有很多创建对象的类的方法。例如:原始方式、工厂方式、构造函数方式、原形方式、混合的构造函数/原型方式、动态原型方法、混合工厂方式。
  这里记下”混合的构造函数/原型方式“的使用。
例:

//定义Point对象
function Point(x,y){
    this.x=x;
    this.y=y;
}
Point.prototype.setXY=function(x,y){
    this.x=x;
    this.y=y;
}
Point.prototype.toString=function(){
    return "x:"+this.x+"  y:"+this.y;
}
//调用
var p=new Point(1,2);//实例化一个对象,初始化p,结果p.x=1,p.y=2
p.setXY(4,4);//此时p.x=4,p.y=4

分析
1.采用构造函数定义对象的所有非函数属性x与y

function Point(x,y){
    this.x=x;
    this.y=y;
}

2.用原型方式定义对象的函数属性(方法)

Point.prototype.setXY=function(x,y){
    this.x=x;
    this.y=y;
}

3.实例化一个对象,并调用他的一个方法setXY();

var p=new Point(1,2);//实例化一个对象,初始化p,结果p.x=1,p.y=2
p.setXY(4,4);//此时p.x=4,p.y=4

小结

引用w3cschool:
  联合使用构造函数和原型方式,就可像用其他程序设计语言一样创建对象。这种概念非常简单,即用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法)。结果是,所有函数都只创建一次,而每个对象都具有自己的对象属性实例。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值