JS设计模式——1.富有表现力的ＪＳ

浏览数：30 / 时间：2015年06月09日

创建支持链式调用的类（构造函数+原型）

Function.prototype.method = function(name, fn){
    this.prototype[name] = fn;
    return this;
};

//构造函数+原型 创建类
var Anim = function(){};
Anim.method(‘starts‘, function(){
    console.log(‘starts‘);
}).method(‘ends‘, function(){
    console.log(‘ends‘);
});

var a = new Anim(); //注意new不能少
a.starts();
a.ends();

匿名函数创建闭包构造私有变量

var baz;
(function(){
    var foo = 10; //私有变量
    var bar = 2;
    baz = function(){ //访问私有变量的接口
        return foo * bar;
    };
})();
console.log(baz());

对象的易变性

这个没什么稀奇的，了解了原型链是怎么一回事，这个跟不不在话下。

var Person = function(name, age){
    this.name = name;
    this.age =age;
};

Person.method(‘getName‘, function(){
    return this.name;
}).method(‘getAge‘, function(){
    return this.age;
});
var alice = new Person(‘alice‘, 95);
var bill = new Person(‘bill‘, 30);

Person.method(‘getGreeting‘, function(){ //在创建实例后继续添加方法
    return ‘Hi ‘ + this.getName() + ‘!‘ ;
});

alice.displayGreeting = function(){
    return this.getGreeting();
};

console.log(alice.getGreeting());
console.log(bill.getGreeting());
console.log(alice.displayGreeting());
/*bill.displayGreeting();*/

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： color c http java t 类 it class js 代码 a color c http java t 类 it class js 代码 a

相关文章

随机文章

您可能还喜欢

您可能还喜欢