源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript 实现类的多种方法实例

  • 时间:2021-11-25 03:52 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript 实现类的多种方法实例
构造方法
[u]复制代码[/u] 代码如下:
function coder() {     this.name = '现代魔法';     this.job = 'Web 开发者';     this.coding = function ()     { alert('我正在写代码'); } } var coder = new coder(); alert(coder.name); coder.coding();
工厂方法
[u]复制代码[/u] 代码如下:
function createCoderFactory() {     var obj = new Object();     obj.name = '现代魔法';     obj.job = '程序员';     obj.coding = function ()     {         alert('我正在写代码');     };     return obj; } var coder = createCoderFactory(); alert(coder.name); coder.coding();
工厂方法和构造方法都有着一个相同的缺点,就是每创建一个实例,都会实例化该类的每个函数。 原型链
[u]复制代码[/u] 代码如下:
function coder(){} coder.prototype.name = '现代魔法'; coder.prototype.job = '程序员'; coder.prototype.coding = function(){     alert('我正在写代码'); }; var coder = new coder(); alert(coder.name); coder.coding();
原型链有个缺点就是它所有属性都共享,只要一个实例改变其他的都会跟着改变。如:
[u]复制代码[/u] 代码如下:
var coder1 = new coder(); var coder2 = new coder(); alert(coder1.name);     /*显示现代魔法*/ coder2.name = 'nowamagic'; alert(coder1.name);     /*显示nowamagic*/ alert(coder2.name);     /*这个也显示nowamagic*/
混合方式 以上三种都有着各自的缺点,所以我们要加以改进。
[u]复制代码[/u] 代码如下:
function coder() {     this.name = '现代魔法';     this.job = '程序员'; } coder.prototype.coding = function(){     alert('我正在写代码'); };
动态原链 要解决前三种的缺点,还有一种方法。
[u]复制代码[/u] 代码如下:
function coder() {     this.name = '现代魔法';     this.job = '程序员';     if (typeof(coder._init) == 'undefined')     {         this.coding = function ()         {             alert('我正在写代码');         };         this._init = true;     } }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部