TypeScript

初始TypeScript

总结：
1. ts文件如果直接写js语法代码那么html文件可以直接引入ts文件在谷歌浏览器是可以
正常使用的
2.ts文件有了ts的语法代码那么就需要使用tsc编译ts文件然后将编译生成的js文件在html
中引入在谷歌浏览器可正常运行
3.ts文件中的形参如果使用了类型修饰那么编译后的js文件时没有类型修饰的
4.ts文件使用let定义变量编译后的js文件就变为 var了

ts文件代码
(()=>{
    //str是string类型的
    function sayHi(str:string){
        return '你好呀' + str
    }
    let text = '罗浩哲'
    console.log(sayHi(text))
})

编译后的js文件代码
(function () {
    //str是string类型的
    function sayHi(str) {
        return '你好呀' + str;
    }
    var text = '罗浩哲';
    console.log(sayHi(text));
});

类型注解

//类型注解 是一种轻量级的为函数或变量添加约束
(()=>{
    function sayHello(str:string){ //规定形参为string类型
        return 'hello' + str
    }
    let x = 'word'
    console.log(sayHello(x));
    
    let y = ['100','42354','3245']
    //智能提示错误 y应该传递string类型
    // console.log(sayHello(y));
})()

接口

接口是一种能力，一种约束而已

  //接口：是一种能力 一种约束
(()=>{
  //定义一个接口
  interface IPerson{
    Fname:string //性
    Lname:string //名
  }
  //输出姓名
  function ShowFullName(person:IPerson){
    return person.Fname + '_' + person.Lname
  }
  const person = {
    Fname:'东方',
    Lname:'青苍'
  }
  console.log(ShowFullName(person));
  
})()

类