js介绍自己的例子

js并不是真正面向对象的语言,但是我们通过一些方法也是可以实现js的一些面向对象设计的。常见的构造函数有很多模式有构造函数模式,原型链,工厂模式等等。但就是因为,我初学者看起来非常吃力,理解起来都是很困难,在此推荐一种比较常见的模式--组合模式:

//定义一个person类

function person(name,age,job){

//js里无论什么类型都是function

this.name=name;//定义变量每个实例单独存在的

this.age=age;

this.job=job;

}

person.prototype={

//公共方法(引用的是同一个地址,所有通过prototype引用的类型也被称为原型方法,是每个实例都会存在的方法)

constructor:person,

sayName:function(){alert(this.name)}

};

var person1=new person("小任",23,"web前端工程师");

var person2=new person("乐乐",26,"硬件工程师");

alert(person1.sayName()+"and"+person2.sayName());//小任and乐乐

解释:在以上代码中person.prototype={}(在这里person.prototype={}是被重写掉的。需要重新指定一下他的构造函数,不然在默认的情况下person.prototype是自己制定person的。当然如果嫌弃麻烦的话可以直接定义:person.prototype.sayName=function(){alert(this.name)});

转载于:https://www.cnblogs.com/maggie-pan/p/6403505.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值