-
compiler的作用:将ts语法转为js语法
在线编译:官网->playground
查看全部 -
强大的IDE支持;类型检查
查看全部 -
quick start 安装typescript组件文件地址
查看全部 -
js类型定义文件Git地址
查看全部 -
终于看到了! TypeScript高度模仿Java 接口!
声明一个接口 在类的声明时 加入"implements XXX(接口名)" 使得类的声明中必须实现接口方法
查看全部 -
单撇号内写多行html模板
查看全部 -
大括号里 可以写 "方法的调用"
查看全部 -
双"撇号"声明字符串 可以支持换行
查看全部 -
ES5/ES6/JS/TS的关系
查看全部 -
字符串模板
function test(template, name, age) {} test`hello my name is ${name}, i'm ${getAge()}`
查看全部 -
泛型:指定数组只能放某一类型的数据,数组元素不能放其他数据类型
查看全部 -
可选参数要声明在必选参数后面
查看全部 -
带默认值的函数声明参数要放后面
查看全部 -
字符新特性:多行字符串: ` ` ;
字符串模板: 在多行字符串的基础上去插入$(变量/方法);
字符串拆分: 拆分模板作为参数传给函数
查看全部 -
class Person {
// name: string;
// constructor(name: string) {
// this.name = name;
// }
constructor(public name: string) {
}
eat() {
console.log(this.name + ' is eating...');
}
}
class Employee extends Person {
code: string;
constructor(name: string, code: string) {
// 【必须】使用 super 关键字调用父类的构造函数
super(name);
this.code = code;
}
work() {
console.log(this.name)
// 使用 super 关键字调用父类的方法
super.eat();
// 求解:这里 this 调用也可以,跟上面 super.eat() 调用有什么区别呢?
// this.eat();
this.doWork();
}
protected doWork() {
console.log(this.name + ' is working');
}
}
var p1 = new Person('zhangsan');
p1.eat();
var p2 = new Person('lisi');
p2.eat();
var e1 = new Employee('alice', '207923');
e1.work();
查看全部
举报