部分类背后的想法是,您可以将某些功能组合在一起。 C#中最好的例子是把控制定义放在一个文件中,而事件处理器放在另一个文件中。在Ruby中,您可以使用Monkey修补来替换整个函数等,以便让代码执行您想要的操作。是否有可能给像JavaScript一样的C#或猴子修补像Ruby一样的行为?
我还没有找到一个理由做到这一点,但我认为网络提高了,更多的应用程序将在客户端,所以我想知道如果我在服务器中找到的一些伟大的功能边语言,我也可以在Javascript中使用。
有谁知道吗?
部分类背后的想法是,您可以将某些功能组合在一起。 C#中最好的例子是把控制定义放在一个文件中,而事件处理器放在另一个文件中。在Ruby中,您可以使用Monkey修补来替换整个函数等,以便让代码执行您想要的操作。是否有可能给像JavaScript一样的C#或猴子修补像Ruby一样的行为?
我还没有找到一个理由做到这一点,但我认为网络提高了,更多的应用程序将在客户端,所以我想知道如果我在服务器中找到的一些伟大的功能边语言,我也可以在Javascript中使用。
有谁知道吗?
// file 1
function augment() {
this.monkey = "monkey";
}
// file 2
function augmentMore() {
this.patch = "patch";
}
// file 3
var o = {};
augment.call(o);
augmentMore.call(o);
console.log(o.monkey + o.patch);
猴子修补工程。部分类可以按照惯例工作。例如考虑这个约定。
// file main
function SomeObject() {
for (var i = 0, ii = SomeObject.Partial.length; i < ii; i++) {
SomeObject.Partial[i].apply(this, arguments);
}
}
SomeObject.Partial.SomeName = function() {
...
}
// file extra
SomeObject.Partial.SomeOtherName = function() {
...
}
JavaScript非常强大。有没有你正在寻找的具体例子?
如果这样的分裂,使真正意义上的,那么你可以这样做:
文件#1
function MyObjectType() { this.init(); }
文件#2
MyObjectType.prototype.init = function() { this.one = 1; }
文件#3
MyObjectType.prototype.onClick = function() { if(this.one == 1) alert("I am so alone..."); }
和其他地方你可以我们它作为:
var myObject = new MyObjectType();
myObject.onClick();
欢迎来到原型还有点功能性编程世界!
我正在扩展Raynos的部分类示例。测试以下和工作原理:
// In Car.js
function Car(domelement, wheels, engine, color) {
this.domelem = domelement;
// Wire in partial classes from other files
for(var i = 0, ii = Car.Partial.length; i < ii; i++) {
Car.Partial[i].apply(this, arguments);
}
}
Car.Partial = []; // Prepare for declaration of additional partial classes
// In Car.Events.js
Car.Partial[0] = function Events() {
// Create some events on Car with jQuery
$(this.domelem).click(function() { alert('Car clicked.'); });
}
然后,您可以使用一个构建工具将文件合并成一个单一的脚本,或者你可以直接引用的文件,以便:
<script src="Car.js"></script>
<script src="Car.Events.js"></script>
<script>
// Turn first paragraph into our Car object
var myCar = new Car($('p').get(0));
</script>
重新定义类型通过这样的继承方法:
var Dog = Class.extend({
init:function(data){
data = data || {};
this.name = data.name;
},
run:function(){
/*impl*/
}
});
/*other js file that require first file */
var Dog = Dog.extend({
init:function(data){
this._super(data);
},
bark:function(){
return 'woof';
}
});
这种方法的唯一问题是依赖管理,但它的工作原理。
obs:使用John Resing class.js,但可以写在打字稿,ES6,AngularJs,...和许多其他图书馆。
下面是使用ES6和兼容利用通天一种方法与ES5:
在这个例子中,我创建几个文件MyClass的,使用三个文件:
指数。JS(这是重要的,所以你可以通过文件夹名称导入类)
symbols.js(这包含私有成员的符号)
additionalMethods.js(一个文件,是后附连到类原型)
index.js内容
import symbols from "./symbols";
export default class MyClass {
[symbols.existentPrivateMethod]() {
return "this is the result";
}
}
import additionalMethod, {anotherAdditionalMethod, additionalPrivateMethod} from "./additionalMethods";
const additionalMethodsObject = {
additionalMethod: additionalMethod,
anotherAdditionalMethod: anotherAdditionalMethod
};
additionalMethodsObject[symbols.additionalPrivateMethod] = additionalPrivateMethod;
Object.assign(MyClass.prototype, additionalMethodsObject);
项additionalMethods.js内容
import symbols from "./symbols";
export default function additionalMethod() {
return this[symbols.existentPrivateMethod]();
}
export function anotherAdditionalMethod() {
return this[symbols.additionalPrivateMethod]();
}
export function additionalPrivateMethod() {
return "yet another result";
}
symbols.js内容
const symbols = {
existentPrivateMethod: Symbol("myPrivateMethod"),
additionalPrivateMethod: Symbol("additionalPrivateMethod")
};
export default symbols;
真的丽那第二个例子。正是我需要的。 – 2014-11-05 11:08:31