我更喜欢在大型项目中使用OOP，比如我现在正在做的项目。我需要在JavaScript中创建几个类，但是，如果我没有弄错的话，至少有几种方法可以做到这一点。它的语法是什么，为什么要这样做?
我希望避免使用第三方库——至少一开始是这样。 为了寻找其他答案，我找到了一篇文章《JavaScript面向对象编程，第一部分:继承- JavaScript文档》，它讨论了JavaScript中的面向对象编程。是否有更好的继承方式?
当前回答
一个基地
function Base(kind) {
this.kind = kind;
}
一个类
// Shared var
var _greeting;
(function _init() {
Class.prototype = new Base();
Class.prototype.constructor = Class;
Class.prototype.log = function() { _log.apply(this, arguments); }
_greeting = "Good afternoon!";
})();
function Class(name, kind) {
Base.call(this, kind);
this.name = name;
}
// Shared function
function _log() {
console.log(_greeting + " Me name is " + this.name + " and I'm a " + this.kind);
}
行动
var c = new Class("Joe", "Object");
c.log(); // "Good afternoon! Me name is Joe and I'm a Object"
其他回答
我认为你应该阅读Douglas Crockford的《JavaScript中的原型继承》和《JavaScript中的经典继承》。
来自他的页面的例子:
Function.prototype.method = function (name, func) {
this.prototype[name] = func;
return this;
};
效果吗?它将允许你以更优雅的方式添加方法:
function Parenizor(value) {
this.setValue(value);
}
Parenizor.method('setValue', function (value) {
this.value = value;
return this;
});
我也推荐他的视频: 先进的JavaScript。
你可以在他的个人主页http://javascript.crockford.com/上找到更多视频 在John Reisig的书中，你可以从Douglas Crockfor的网站上找到许多例子。
MooTools(我的面向对象工具)以类的思想为中心。您甚至可以通过继承来扩展和实现。
一旦掌握了它，就会产生可重用的强大javascript。
代码高尔夫@liammclennan的答案。
var Animal = function (args) { 返回{ 名称:args.name, getName:函数{ 返回this.name;//成员访问 }， callGetName:函数(){ 返回this.getName ();//方法调用 ｝ }; }; var cat =动物({名字:'老虎'}); console.log (cat.callGetName ());
如果你想要简单，你可以完全避免“new”关键字，只使用工厂方法。有时我更喜欢这样，因为我喜欢使用JSON创建对象。
function getSomeObj(var1, var2){
var obj = {
instancevar1: var1,
instancevar2: var2,
someMethod: function(param)
{
//stuff;
}
};
return obj;
}
var myobj = getSomeObj("var1", "var2");
myobj.someMethod("bla");
不过，我不确定大对象的性能会受到什么样的影响。
简单的方法是:
function Foo(a) {
var that=this;
function privateMethod() { .. }
// public methods
that.add = function(b) {
return a + b;
};
that.avg = function(b) {
return that.add(b) / 2; // calling another public method
};
}
var x = new Foo(10);
alert(x.add(2)); // 12
alert(x.avg(20)); // 15
这样做的原因是，如果您将一个方法作为事件处理程序提供，那么它可以绑定到其他东西，因此您可以在实例化期间保存该值，并在以后使用它。
编辑:这绝对不是最好的方法，只是一种简单的方法。我也在等待好的答案!
