取前面两种的优点： 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 浏览器判断 绑定事件 arguments 转换数组 数组遍历

复制代码 代码如下:var $d = document; function $i(s){return $d.getElementById(s);} var _jsc={} _jsc.client=(function(){ var t={}; var b=navigator.userAgent.toLowerCase(); t.isOpera=(b.indexOf('opera'>>>详细阅读

本文标题：javascript 写类方式之三

地址：http://www.17bianji.com/kaifa2/JS/28506.html

 1/2    1