我读到了微软的一种新的类似JavaScript的语言,叫做TypeScript。在playground (example section)中,TypeScript语法中有一个简单的类被转换为JavaScript代码。我有Java编程背景,了解从TypeScript编译而来的JavaScript是如何实现OOP的,这对我来说很有趣。
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;
};
每种方法的优缺点是什么?
发布于 2012-10-02 22:36:14
这是为了允许私有成员。在这个例子中,所有的成员都是公共的,所以你的两个构造是等价的。但是,如果您希望提供私有成员,则需要通过闭包将它们隐藏在调用范围之外。因此,如果您有一个私有成员,如下所示:
class Greeter {
private greeting: string;
constructor (message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
你可能会得到类似这样的东西:
var Greeter = (function () {
var greeting="";
function Greeter(message) {
greeting = message;
}
Greeter.prototype.greet = function () {
return "Hello, " + greeting;
};
return Greeter;
})();
greeting变量将可用于在匿名函数中定义的任何函数,但在其他地方不可见。
发布于 2012-10-02 22:44:19
除了明显的作用域/闭包推理。使用立即调用自身的匿名函数预加载(解释)类定义。这使得任何JIT优化都可以在执行中进行前置加载。简而言之,对于更大、更复杂的应用程序,它将提高性能。
发布于 2012-10-02 22:31:02
匿名函数/自执行闭包通常用于封装作用域,以便只能在作用域外部访问返回值。(或附加到其他对象的任何内容,如窗口)
https://stackoverflow.com/questions/12692250
复制相似问题