下一代前端开发语言Typescript之编写第一个Typescript程序

news/2024/7/11 1:15:40 标签: typescript, javascript, vue.js, es6, 前端

TypeScript

注意编译Typescript项目之前需要确保安装了node.js

编译.ts文件项目需要打开终端输出tsc index.ts 之后会生成一个index.js文件

在这里插入图片描述

// //ts中创建接口使用interface
interface Person {
    firstName: string
    lastName: string
}

function person(person: Person) {
    return `my name is ${person.firstName}${person.lastName}`
}
let user: Person = {
    firstName: "wu",
    lastName: "huiluo"
}
console.log(person(user))

接下来我们可以声明一个User类来代替let user

//声明一个类
class User {
    fullName: string
    firstName: string
    lastName: string
    constructor(firstName: string,lastName: string) {
        this.firstName = firstName
        this.lastName = lastName
        this.fullName = firstName + '' + lastName
    }
}

最终代码

//声明一个类
class User {
    fullName: string
    firstName: string
    lastName: string
    constructor(firstName: string,lastName: string) {
        this.firstName = firstName
        this.lastName = lastName
        this.fullName = firstName + '' + lastName
    }
}
// //ts中创建接口使用interface
interface Person {
    firstName: string
    lastName: string
}

function person(person: Person) {
    return `my name is ${person.firstName}${person.lastName}`
}
let user = new User('wuhui','luo')
console.log(person(user))

在终端中运行ts程序

程序执行结果完美兼容了User类和Person类

在这里插入图片描述


http://www.niftyadmin.cn/n/1542399.html

相关文章

软件工程概论课程的个人总结

个人总结 请根据本次学习过程给出总结并针对教师授课给出意见和建议,字数1500字以上。 一个学期的课程快要结束了,这个学期最大的怨念就是软件工程概论,作业多而且难,还要占用大量的时间和精力去完成个人和团队的任务。但是这些都…

三层式开发中的层次划分讨论

先举一个曾经在哪本书上看到的例子:现在你想在1米宽的小溪上建一座桥,你会在上面放块木板就完了。如果想在宽一点的小河上建这桥,你就需要计算木材用料,价格等,如果需要别人帮忙,你还要多一些图纸什么的让别…

JS前端面试-异步和单线程

JS前端面试-异步和单线程一、单线程和异步二、应用场景三、callbeck hell(回调地狱)和promise四、问题解答1.同步和异步的区别是什么?2.手写promise加载一张图片3.前端使用异步的场景4.场景题setTimeout五、小结题目 1.同步和异步的区别是什…

测试杀毒软件的性能代码

测试杀毒软件的性能代码:X5O!P%AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$HH*把上面这段代码复制到记事本里,保存为文本文件,然后静观杀毒软件之变。特等:复制完代码后便提示内存有病毒优等:刚保存完就提示病毒(或者直接删除)中等:保存…

小程序云开发借助云函数突破数据库每次只返回20条数据的限制

问题引入 我们用小程序云开发功能,有时候查询列表想一次多返回一些数据,但是我们如果直接用数据库的get方法查询。每次只能最多返回20条数据,我们如果想图片20条的限制,可以通过云函数去数据库里拿数据,然后我们请求云…

iOS开发UI篇——Core Animation核心动画CAGradientLayer(实现渐变色等)简介

一、CAGradientLayer实现渐变色(设置tableView背景为渐变色) [self.view setBackgroundColor:[UIColor whiteColor]]; UITableView *table [[UITableView alloc] initWithFrame:CGRectMake(0,0, mainWidth, mainHeight-64)]; table.separatorStyle UIT…

Silverlight不支持GIF或BMP文件格式

很多人对此表示惊讶,但确实无法把silverlight Image的source属性(或ImageBrush的ImageSource属性)设置为一个GIF或BMP文件。必须把他们转化成受支持的2中格式之一:PNG或JPEG。而且,silverlight并不支持用这两种格式创建…

随手记(二)

MySQLiteHelper.java public class MySQLiteHelper extends SQLiteOpenHelper { //抽象类必须调用父类方法public MySQLiteHelper(Context context, String name, CursorFactory factory, int version) {//调用父类构造函数super(context, getMyDatabaseName(name), factory, v…