这2段有关javascript函数化模式【模块化模式】的总结,还需要好好地琢磨!!!
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了这2段有关javascript函数化模式【模块化模式】的总结,还需要好好地琢磨!!!,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2002字,纯文字阅读大概需要3分钟。
内容图文
<script>
Function.prototype.method = function (name, func) {
if (!this.prototype[name]) {
this.prototype[name] = func;
}
};
Object.method(‘superior‘, function (name) {
var that = this,
method = that[name];
return function ( ) {
return method.apply(that, arguments);
};
});
var mammal = function (spec) {
var that = {};
that.get_name = function ( ) {
return spec.name;
};
that.says = function ( ) {
return spec.saying || ‘‘;
};
return that;
};
//var myMammal = mammal({name: ‘Herb‘});
var cat = function (spec) {
spec.saying = spec.saying || ‘meow‘;
var that = mammal(spec);
that.purr = function (n) {
var i, s = ‘‘;
for (i = 0; i < n; i += 1) {
if (s) {
s += ‘-‘;
}
s += ‘r‘;
}
return s;
};
that.get_name = function ( ) {
return that.says( ) + ‘ ‘ + spec.name +
‘ ‘ + that.says( );
}
return that;
};
var myCat = cat({name: ‘Henrietta‘});
var coolcat = function (spec) {
var that = cat(spec),
super_get_name = that.superior(‘get_name‘);
that.get_name = function (n) {
return ‘like ‘ + super_get_name( ) + ‘ baby‘;
};
return that;
};
var myCoolCat = coolcat({name: ‘Bix‘});
var name = myCoolCat.get_name( );
// ‘like meow Bix meow baby‘
</script>
<script>
function createCar(numberOfDoors){
var numberOfWheels = 4;
function describe(){
return "I have " + numberOfWheels + " wheels and " + numberOfDoors + " doors.";
}
return {
describe: describe
};
}
function createOdometer(){
var mileage = 0;
function increment(numberOfMiles){ mileage += numberOfMiles;}
function report(){ return mileage; }
return {
increment: increment,
report: report
}
}
function createCarWithOdometer(numberOfDoors){
var odometer = createOdometer();
var car = createCar(numberOfDoors);
car.drive = function(numberOfMiles){
odometer.increment(numberOfMiles);
}
car.mileage = function(){
return "car has driven " + odometer.report() + " miles";
}
return car;
}
var twoFn=createCarWithOdometer(100);
console.log(twoFn);
</script>
原文:http://www.cnblogs.com/dingyuanxin/p/4071799.html
内容总结
以上是互联网集市为您收集整理的这2段有关javascript函数化模式【模块化模式】的总结,还需要好好地琢磨!!!全部内容,希望文章能够帮你解决这2段有关javascript函数化模式【模块化模式】的总结,还需要好好地琢磨!!!所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。