返回顶部

收藏

JavaScript中的类继承实现方式

更多
/**
 * 把一个实例方法添加到一个类中
 * 这个将会添加一个公共方法到 Function.prototype中,
 * 这样通过类扩展所有的函数都可以用它了。它要一个名称和一个函数作为参数。
 * 它返回 this。当我写一个没有返回值的方法时,我通常都会让它返回this。
 * 这样可以形成链式语句。
 *
 * */
Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
};
/**
 * 它会指出一个类是继承自另一个类的。
 * 它必须在两个类都定义完了之后才能定义,但要在方法继承之前调用。
 *
 * */
Function.method('inherits', function (parent) {
    var d = 0, p = (this.prototype = new parent());

    this.method('uber', function uber(name) {
        var f, r, t = d, v = parent.prototype;
        if (t) {
            while (t) {
                v = v.constructor.prototype;
                t -= 1;
            }
            f = v[name];
        } else {
            f = p[name];
            if (f == this[name]) {
                f = v[name];
            }
        }
        d += 1;
        r = f.apply(this, Array.prototype.slice.apply(arguments, [1]));
        d -= 1;
        return r;
    });
    return this;
});
/**
 *
 * The swiss方法对每个参数进行循环。每个名称,
 * 它都将parent的原型中的成员复制下来到新的类的prototype中
 *
 * */
Function.method('swiss', function (parent) {
    for (var i = 1; i < arguments.length; i += 1) {
        var name = arguments[i];
        this.prototype[name] = parent.prototype[name];
    }
    return this;
});

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 微風 发表 2017-11-06 03:14:32 JavaScript 避免 Ajax Get 方法因缓存而返回错误数据结果的问题
  2. techug 发表 2017-12-29 03:03:49 JavaScript 年度调查报告:React、Vue 和 Angular 三分天下,谁将在 201
  3. techug 发表 2017-12-28 03:10:14 28个超牛逼的JavaScript技术用法
  4. 博主 发表 2017-12-21 10:30:00 Webpacker 基础
  5. 博主 发表 2017-12-21 11:30:00 使用 Webpacker 替换 Sprockets
  6. 博主 发表 2017-12-22 11:30:00 从 Sprockets 迁移到 Webpacker(上)
  7. 博主 发表 2017-12-24 10:30:00 Webpacker 小抄
  8. 博主 发表 2017-12-25 10:30:00 Yarn 基础
  9. xinlu 发表 2017-12-25 01:42:04 JS加密算法
  10. 博主 发表 2017-12-22 11:30:00 从 Sprockets 迁移到 Webpacker(上)
  11. 博主 发表 2017-12-24 10:30:00 Webpacker 小抄
  12. 博主 发表 2017-12-21 10:30:00 Webpacker 基础

发表评论