lee727n的博客

typescript 接口（interface）的两种用法interface IPerson { name: string; age: number;}class Person { constructor(public config: IPerson) { }}var p1 = new Person({ name: "mike", age:18})第一种用法 就有点像自定义类型 送参需要符合interface的接口要

继续上节课的代码 讲解泛型class person{ constructor(public name:string) { this.name =name } eat() { console.log(`${this.name}吃吃吃`) }}class employee extends person { constructor(public code: string , name: string,) { s

最简单的实现一个类，并用上之前讲过的``class person{ name; eat() { console.log(`${this.name}吃吃吃`) }}var mike = new person();mike.name = "mike"mike.eat()var jason = new person()jason.name = "jason"jason.eat()需要提示的是 如果name 前面加上private 实例调用nam.

1.基本用法function getstock() { return { code: "boe" price:4.75 }}var { code, price } = getstock();console.log(code)console.log(price)可以将字典的值 赋值给code price两个变量，特别提示{}中的变量名字 要和key值一样 ，如果不一致就会打印undefine,结果如下如果想名字不一样 续添加如下下代码.

typescript的新特性 三个点... 用法主要两个方面第一方面 定义函数的时候，代表不限个数的参数function func(...args) { args.forEach(function (arg) { console.log(arg) })}func(1, 2, 3);func(10,11,12,13,14)数据结果如下，可以看到所有送参都可以被正确输出第二种用法 调用函数的时候function func(a, b, c)

function test(a: string ,b?: string ,c: string = "default") { console.log(a); console.log(b); console.log(c);}test("mike")可以看到 ?代表可选属性 =赋值代表默认属性 默认属性和可选属性 调用的时候都不需要赋值运行结果如下...

var myname: string = "zhanzhang"var alias: any = 123var age: number = 13var man: boolean = truefunction method(name: string): string{ return ""}method(13)ts的类型定义如下，所有变量，函数的参数，返回值 都可以指定类型，如果没有按要求的类型去操作 就会报错，这就是ts的优势，比如我们调用method方法 送参是一个数字 就.

先上代码：function substring(template, name, age) { console.log(template); console.log(name); console.log(age);}var myname = "123";var getage = function () { return 18;}substring`my name is ${myname},i am ${getage()} years old`subst

用一个字符串新特性来开启 最简单的typescript的demo首先给大家推荐一个好用的在线编辑器，可以写typescript，自动转成javascript，加深大家的理解https://www.tslang.cn/play/index.htmlvar myname = "zhangsan";var getname = function () { return "lalala"}console.log(`my name is ${myname}`)console.log(`g