javascript 写类方式之三_js面向对象-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 18:50:49

原创

928人浏览过

取前面两种的优点：
a、用构造函数来定义类属性（字段）
b、用原型方式来定义类的方法。
就有了第三种方式。这种方式貌似采用的人较多。
3、综合构造函数/原型

随缘网络php企业网站管理系统2.0

随缘网络PHP企业网站管理系统V2.0正式发布，该企业网站管理系统采用PHP+MYSQL编写，界面色调风格延续之前1.0版管理系统简洁浅蓝色风格，稍有所变动。变更分类树形目录方式采用jquery库，产品，文章三级无限分类。希望大家能够喜欢。系统中难免有些小问题，希望大家在使用中有什么问题可到本站论坛提出，我们将总结各问题后给予修正并升级。本站再次声明对于免费版系列系统本站不提供QQ电话等技术咨询服

查看详情

复制代码代码如下:

 
/** 
* Person类：定义一个人，有个属性name，和一个getName方法 
* @param {String} name 
*/ 
function Person(name) { 
this.name = name; 
} 
Person.prototype.getName = function() { 
return this.name; 
} 

这样，即可通过构造函数构造不同name的人，对象实例也都共享getName方法，不会造成内存浪费。
但似乎这样的代码风格似乎仍然没有java的类那么紧凑，把属性，构造方法（函数），方法都包在大括号内。

复制代码代码如下:

 
public class Person { 
//属性（字段） 
String name; 
//构造方法（函数） 
Person(String name) { 
this.name = name; 
} 
//方法 
String getName() { 
return this.name; 
} 
} 

为了让js代码风格更紧凑，把挂在prototype的方法代码移到function Person的大括号内。

复制代码代码如下:

 
function Person(name) { 
this.name = name; 
Person.prototype.getName = function() { 
return this.name; 
} 
} 

似乎很神奇，还能这么写啊！验证一下

复制代码代码如下:

 
var p1 = new Person("Jack"); 
var p2 = new Person("Tom"); 
console.log(p1.getName());//Jack 
console.log(p2.getName());//Tom 

没有报错，控制台也正确输出了。说明可以这么写，呵呵。
嗯，似乎很完美。
a 、可以通过传参构造对象实例
b 、对象实例都共享同一份方法不造成内存浪费
c 、代码风格也比较紧凑
但每次new一个对象的时候都会执行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重复的运算。因为getName方法挂在prototype上只需执行一次即可。只需稍微改造下：

复制代码代码如下:

 
function Person(name) { 
this.name = name; 
if(Person._init==undefined) { 
alert("我只执行一次！"); 
Person.prototype.getName = function() { 
return this.name; 
} 
Person._init = 1; 
} 
} 

new两个对象，

复制代码代码如下:

 
var p1 = new Person("Andy");//第一次new会弹出'我只执行一次！' 
var p2 = new Person("Lily");//以后new的对象不会再执行了 

大家都在看：

javascript如何转换类数组_有哪些常见场景 javascript怎样操作浏览器通知？_javascript的Notification API如何请求权限？ JavaScript async/await是什么_如何简化异步代码？ javascript默认参数是什么_如何为函数参数设置默认值？ Javascript的Web Workers是什么_如何实现多线程？