javascript 写类方式之三- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 写类方式之三

技术文章搜索

关键字

Javascript 中的 javascript 写类方式之三

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 222 ::

收藏到网摘: n/a

javascript 写类方式之二 javascript 写类方式之四

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

复制代码代码如下:

 
/** 
* 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 中的 javascript 写类方式之三

评论 (0) All