我更喜欢在大型项目中使用OOP，比如我现在正在做的项目。我需要在JavaScript中创建几个类，但是，如果我没有弄错的话，至少有几种方法可以做到这一点。它的语法是什么，为什么要这样做?
我希望避免使用第三方库——至少一开始是这样。 为了寻找其他答案，我找到了一篇文章《JavaScript面向对象编程，第一部分:继承- JavaScript文档》，它讨论了JavaScript中的面向对象编程。是否有更好的继承方式?
当前回答
基于tritych的例子，这可能更简单:
// Define a class and instantiate it
var ThePerson = new function Person(name, gender) {
// Add class data members
this.name = name;
this.gender = gender;
// Add class methods
this.hello = function () { alert('Hello, this is ' + this.name); }
}("Bob", "M"); // this instantiates the 'new' object
// Use the object
ThePerson.hello(); // alerts "Hello, this is Bob"
这只创建了一个对象实例，但如果你想在一个类中封装一堆变量和方法的名称，这仍然是有用的。通常构造函数中不会有“Bob, M”参数，例如，如果方法将调用具有自己数据的系统，例如数据库或网络。
我仍然太新与JS看到为什么这不使用原型的东西。
其他回答
代码高尔夫@liammclennan的答案。
var Animal = function (args) { 返回{ 名称:args.name, getName:函数{ 返回this.name;//成员访问 }， callGetName:函数(){ 返回this.getName ();//方法调用 ｝ }; }; var cat =动物({名字:'老虎'}); console.log (cat.callGetName ());
MooTools(我的面向对象工具)以类的思想为中心。您甚至可以通过继承来扩展和实现。
一旦掌握了它，就会产生可重用的强大javascript。
var Student = (function () {
function Student(firstname, lastname) {
this.firstname = firstname;
this.lastname = lastname;
this.fullname = firstname + " " + lastname;
}
Student.prototype.sayMyName = function () {
return this.fullname;
};
return Student;
}());
var user = new Student("Jane", "User");
var user_fullname = user.sayMyName();
这就是TypeScript将带有构造函数的类编译到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"
下面是不使用任何外部库的方法:
// Define a class like this
function Person(name, gender){
// Add object properties like this
this.name = name;
this.gender = gender;
}
// Add methods like this. All Person objects will be able to invoke this
Person.prototype.speak = function(){
alert("Howdy, my name is" + this.name);
};
// Instantiate new objects with 'new'
var person = new Person("Bob", "M");
// Invoke methods like this
person.speak(); // alerts "Howdy, my name is Bob"
真正的答案要比这复杂得多。例如，在JavaScript中没有类这种东西。JavaScript使用基于原型的继承方案。
此外，还有许多流行的JavaScript库，它们在JavaScript中具有类似类的功能。您至少需要了解Prototype和jQuery。
决定哪一个是“最好的”是在Stack Overflow上开始一场圣战的好方法。如果您正在着手一个较大的javascript较多的项目，那么学习一个流行的库并按照它们的方式来做绝对是值得的。我是一个原型的人，但Stack Overflow似乎倾向于jQuery。
至于只有“一种方法可以做到这一点”，不依赖任何外部库，我写的方法就差不多了。
