根据this article，它应该是定义类的Javascript 2.0方式。但是，我在实践中从未见过这种情况。因此问题。如何使用class关键字与Javascript 1.x的处事方式有什么区别？
【问题讨论】：
标签： javascript class
您在实践中从未见过它，因为几乎没有任何东西支持 JavaScript 2.0。该草稿来自一个在草稿之前就已经死亡的规范。
【讨论】：
您在实践中从未见过class 关键字的原因是all the current implementations of JavaScript are 1.x.
JavaScript 2.0 was merged into ECMAScript 4 which was rather unpopular 因此从未进入现实世界。
那么回答您的问题，您如何使用class 关键字？你不能。
【讨论】：
class 关键字开始 ECMA6（又名 ECMA 2015），如下面@AkhilArjun 的帖子所述。
当然，你仍然可以使用原型在 JS 中构建类！
var foo = function() {
this.hurrah = "yay!";
return this;
}
foo.prototype.doit() {
alert(this.hurrah);
}
【讨论】：
如果您有 Java 或 C# 背景，以下是在 JavaScript 中定义类的方法
var MyClass = function (f, l){//constructor
//private members
var firstName = f,
lastName = l,
fullName = function () { //fullName is a private function
return firstName + " " + lastName;
};
return {
//public members
getFullName: fullName
};
}
var output = document.getElementById('Output'); //<div id="Output"></div>
var myName = new MyClass("First", "Last");
output.innerHTML = myName.getFullName();
【讨论】：
只是添加了ECMA5的类制作方式。
注意，这种方式没有构造函数（但如果你愿意，可以触发init函数）
var Class = {
el: null,
socket: null,
init: function (params) {
if (!(this.el instanceof HTMLElement)) {
throw new Error('Chat room has no DOM element to attach on.');
}
return this.doStuff();
},
doStuff: function (params) {
return this;
}
};
var instanceofClass = Object.create(Class, {
el: {
value: document.body.querySelector('.what ever')
},
someMoreData: {
value: [0,5,7,3]
}
}).init();
【讨论】：
我知道这是一篇旧文章，但从今天开始，即随着 ECMAScript 6 的出现，我们可以声明 javascript 类。
语法如下：
class Person{
constructor(name){
this.name = name;
}
printName(){
console.log('Name is '+this.name);
}
}
var john = new Person('John Doe');
john.printName(); // This prints 'Name is John Doe'
可以在this post找到完整的指南
【讨论】：
在ES6 中引入了class 关键字。 class 关键字只不过是现有原型继承模式之上的语法糖。 javascript 中的类基本上是编写构造函数的另一种方式，可用于使用new 关键字创建新对象。
class Person {
constructor(name) {
this.name = name;
}
talk() { console.log('hi'); }
}
const me = new Person('Willem');
console.log(typeof Person)
// logs function, Person class is just another constructor function under the hood
console.log(me.__proto__ === Person.prototype)
// logs true, classes just use the same prototypal inheritance pattern which is used by constructor functions.
// An object created with the new keyword gets a __proto__ property on it which is a reference to the prototype property on a constructor function.在上面的示例中，在第一个日志中可以观察到，从 class 关键字创建的类实际上是底层函数。
console.log(typeof Person) // logs 'function'
es6 类使用与构造函数相同的原型继承模式。这是另一个演示此行为的示例：
class Dog {
constructor (name) {
this.name = name;
}
bark () { console.log('bark') };
}
let doggie = new Dog('fluffy');
doggie.bark(); // logs bark
Dog.prototype.bark = () => console.log('woof');
// changing the prototype of Dog, doggie refers to this with its __proto__ property.
//Therefore doggie bark method has also changed.
doggie.bark(); // logs woof上面例子的要点是任何狗实例的 bark 方法都可以在运行时改变。这是因为用 Dog 类创建的任何对象的 bark 方法都只是引用了这个函数。
【讨论】：