Typescript中的Class

转载于 2017-01-16 09:51:00 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Zwq286179/p/6288562.html

文章标签：

#javascript #ViewUI

本文通过一个实例，展示了使用TypeScript进行DOM操作的方法，与JavaScript相比，TypeScript使用了ES6的class语法糖，使得代码更具可读性和结构化。

let btn = document.createElement('button');
btn.textContent = 'Say Hello';
document.body.appendChild(btn);

class SayHello {
    name: string;
    constructor(message: string) {
        this.name = message;
    }
    greet() {
        return 'Hello' + this.name;
    }
}
let greeting = new SayHello('World!');

btn.addEventListener('click', function () {
    alert(greeting.greet());
})