Я читал о новом JavaScript-подобном языке от Microsoft под названием TypeScript. На игровая площадка (раздел примера) существует простой класс в синтаксисе TypeScript, преобразованный в код JavaScript. Исходя из фона программирования Java, мне было интересно узнать, как OOP выполняется в JavaScript как скомпилированный из TypeScript.
Код TypeScript:
class Greeter {
greeting: string;
constructor (message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
var greeter = new Greeter("world");
var button = document.createElement('button')
button.innerText = "Say Hello"
button.onclick = function() {
alert(greeter.greet())
}
document.body.appendChild(button)
И эквивалентный код JavaScript:
var Greeter = (function () {
function Greeter(message) {
this.greeting = message;
}
Greeter.prototype.greet = function () {
return "Hello, " + this.greeting;
};
return Greeter;
})();
var greeter = new Greeter("world");
var button = document.createElement('button');
button.innerText = "Say Hello";
button.onclick = function () {
alert(greeter.greet());
};
document.body.appendChild(button);
Часть TypeScript очень похожа на Java, поэтому я это понимаю. Теперь мой вопрос: почему в JavaScript тело класса Greeter
встроено в анонимный вызов function()
?
Почему бы не написать это так?
function Greeter(message) {
this.greeting = message;
}
Greeter.prototype.greet = function () {
return "Hello, " + this.greeting;
};
В чем преимущество/недостаток каждого метода?