最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript写类方式之二_js面向对象

来源:懂视网 责编:小采 时间:2020-11-27 20:43:22
文档

javascript写类方式之二_js面向对象

javascript写类方式之二_js面向对象:2、原型方式 代码如下:/** * Person类:定义一个人,有个属性name,和一个getName方法 */ function Person(){} Person.prototype.name = jack; Person.prototype.getName = function() { return this.name
推荐度:
导读javascript写类方式之二_js面向对象:2、原型方式 代码如下:/** * Person类:定义一个人,有个属性name,和一个getName方法 */ function Person(){} Person.prototype.name = jack; Person.prototype.getName = function() { return this.name

2、原型方式
代码如下:
/**
* Person类:定义一个人,有个属性name,和一个getName方法
*/
function Person(){}
Person.prototype.name = "jack";
Person.prototype.getName = function() { return this.name;}

把类的属性(字段),方法都挂在prototype上。

造几个对象测试下:
代码如下:
var p1 = new Person();
var p2 = new Person();
console.log(p1.getName());//jack
console.log(p2.getName());//jack

可以看出输出的都是jack,所以原型方式的缺点就是不能通过参数来构造对象实例 (一般每个对象的属性是不相同的) ,优点是所有对象实例都共享getName方法(相对于构造函数方式),没有造成内存浪费 。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

javascript写类方式之二_js面向对象

javascript写类方式之二_js面向对象:2、原型方式 代码如下:/** * Person类:定义一个人,有个属性name,和一个getName方法 */ function Person(){} Person.prototype.name = jack; Person.prototype.getName = function() { return this.name
推荐度:
标签: js 方式 对象
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top