初识TypeScript(ts)

最新推荐文章于 2024-07-26 20:46:33 发布

weixin_58784569

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量115

点赞数

文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/weixin_58784569/article/details/127865120

版权

TypeScript 接口类函数安装

关键词由CSDN通过智能技术生成

安装:

npm i -g typescript

简单演示

(() => {
    function test(name: string) {
        return "我的名字" + name
    }
    let name = 'zly'
    console.log(test(name))
})()

简单演示接口

(() => {
    interface Per {
        name: string
        age: Number
    }
    function test(Person: Per) {
        return "我的名字: " + Person.name + " 我的年龄: " + Person.age
    }
    let p = {
        name: "zly",
        age: 22
    }
    console.log(test(p));
})()

简单演示类

(() => {
    interface Per {
        name: string
        age: Number
    }
    class Person {
        name: string
        age: number
        constructor(name: string, age: number) {
            this.name = name
            this.age = age
        }
    }
    function test(Person: Per) {
        return "我的名字: " + Person.name + " 我的年龄: " + Person.age
    }
    let p = new Person("zly", 22)
    console.log(test(p));
})()

以上仅为个人学习记录,如有错误请指正!!!