猜猜下面的代码你们猜会是什么效果？

var A = Class('A', Object)
  .method('constructor', function(){
    this.name = 'a';
  });

var B = Class('B', A);
B.method('run', function(){
  console.log('run');
});

var C = B.extend('C')
  .method('run', function(a){
    console.log('run a: ', a);
  })
  .method('run', function(a,b){
    console.log('run a, b: ', a, b);
  });

var c = C();
c.run();
c.run(1);
c.run(1,2);

BlxClass

GitHub

https://github.com/bramblex/BlxClass

简介

一个 JavaScript 面对对象的库，让你在 JavaScript 用上靠谱的面对对象特性。

使用

将本项目中的 dist/Class.js 复制到你的项目下

1. 在 nodejs 中使用

var Class = require('path/to/Class.js');
var ClassA = Class('ClassA', Object);

2. 在浏览器中使用

<script src="path/to/Class.js"></script>
<script>
    var ClassA = Class('ClassA', Object);
</script>

API

1. Class( class_name, parent_class)

Class 函数接受两个参数返回一个新类，第一个参数是新类的命名，第二个参数是继承自哪个类。如果并没有继承自别的类，那么直接写 Object 就好了。

var ClassA = Class('ClassA', Object);
var ClassB = Class('ClassB', ClassA);

2. name

类的名字

var ClassA = Class('ClassA', Object);
console.log(ClassA.name) // => ClassA
var ClassB = Class('some name', ClassA);
console.log(ClassB.name) // => some name

3. parent

类的父类

var ClassA = Class('ClassA', Object);
ClassA.parent === Object; // => true
var ClassB = Class('ClassB', ClassA);
ClassB.parent === ClassA; // => true

4. method( method_name, function )

定义方法，方法会被子类继承，并且能够重载。

var ClassA = Class('ClassA', Object)
    .method('constructor', function(){
        // 构造函数
        this.name = 'no name';
    })
    .method('constructor', function(name){
        // 重载构造函数
        this.name = name;
    })
    .method('run', function(){
        // 普通方法
        console.log('run');
    })
    .method('run', function(a,b){
        // 重载上面定义的 run 方法
        console.log('run a, b: ', a, b);
    })
    .method('run', '*', function(){
        // 其他任意参数的情况
        console.log(arguments);
    });

var a = ClassA();
var b = ClassA('Li Lei');
console.log(a.name); // => no name
console.log(b.name); // => Li Lei
a.run(); // => run
a.run(1,2); // => run a, b: 1 2
a.run(4,5,6); // => [4,5,6]
a.run(7,8,9,0,1,2,3); // => [7,8,9,0,1,2,3]

5. classmethod( method_name, function )

定义类方法，类方法不会被子类继承，也不能重载。

var ClassA = Class('ClassA', Object)
    .classmethod('run', function(){
        // 类方法
        console.log('class method run');
    });

ClassA.run(); // => class method run

6. extend( class_name )

继承出新类。

var ClassA = Class('ClassA', Object);

// 下面两种写法是等价的
var ClassB = Class('ClassB', ClassB);
var ClassB = ClassA.extend('ClassB');

7. alias( alias_name , method_name )

给方法取别名

var ClassA = Class('ClassA', Object)
    .method('run', function(){
        // 普通方法
        console.log('run');
    });

ClassA.alias('aliasRun', 'run');

var a = ClassA();
a.run(); // => run
a.aliasRun(); // => run
a.run === a.aliasRun; // => true

8. uper( method_name )

调用父类方法

var ClassA = Class('ClassA', Object)
    .method('run', function(){
        // 普通方法
        console.log('ClassA run');
    });

var ClassB = ClassA.extend('ClassB')
    .method('run', function(){
        ClassB.uper('run').apply(this, arguments);
        console.log('ClassB run');
    });

var ClassC = ClassB.extend('ClassC')
    .method('run', function(){
        ClassC.uper('run').apply(this, arguments);
        console.log('ClassC run');
    });

var c = ClassC();
a.run();
// => ClassA run
// => ClassB run
// => ClassC run

iwege

2015-10-22 00:14:01 +08:00

@bramblex
这只是一个简单的 demo ，特性上我觉得没有什么，只是觉得语法上你的这种写法很啰嗦而已，部分实现的话新特性也可以支持，比如上面 fn 重复定义的问题，使用我的那个方法也可以简单的解决掉。上面的案例已经修改了。
https://gist.github.com/iwege/d77cca95bb1d8c8a41f9

同时尝试了自定义 class ，估计有点麻烦，但是也不是不可行。 overloadClass 可以支持拿到 class function 本身。

至于所谓的支持度，在有 transpiler 的情况下我向来不关心，我关心的是前端工程化，编码高效化以及问题定位速度。就像习惯了 coffee 或者 om 之后你让我再回去写 es5 的 js ，我是断然不乐意的。我的研究也只要能在 V8 里面跑就 OK 。

@icymorn

我也是第一次尝试用这个特性来做，因为工程化的话这种灵活性可能会是一种麻烦。当然既然用了 stage 0 干脆连`::`的写法也一起尝试用了。不过楼主的特性还不能完全支持，不知道混用两种方法能不能达到完全处理。

还在纠结 JavaScript 的继承？给你们看看什么是黑科技