命令行使用tsc

1.安裝typescript

npm install -g typescript

2.新建一個index.ts 輸入export hello class{}

3.編譯 tsc index.ts

4.查看編譯後的文件

====================

在webstorm使用tsc

1.創建typescript文件
2.編寫tsc代碼
3.點右上角的配置
4.配置自動編譯tsc文件即可

https://www.imooc.com/video/13522

====================

字符串特性

1.多行 用數字1旁的符號包裹字符串

var a=`asd
asd
asd
asd
asd
`
2.模板

var dss="123";
console.log(`${dss}`);

3.自動拆分字符串

=====================

參數類型

var s:string = "asd";
var s=123; 在tsc會報錯

var s= "asd";
s=123; 也會報錯

var s:any= "asd";
s=123; 不會報錯

function s(a:string,v:boolean) :string{
return "";
} //返回值的參數

class Person{
name:string
}

====================

參數的默認參數

var s:string = "1";

function tes(a:string,b:string,c:string="jojo"){

}
tes("a","b");
默認值的必須聲明在最後

=================

可選參數

var s:string = "1";

function tes(a:string,b?:string,c:string="jojo"){

}
tes("a");

可選參數必須是必選參數後面

=================

不限制參數

function test(...dss){

}
//可以傳任意數量的參數

================

返回的參數直接賦值

function test(a,b,c){
return{
a:"1",
b:"2",
}
}
var {a,b}=test();

function test(a,b,c){
return{
a:"1",
b:"2",
c:{
a:1,
b:2
}
}
}
var {a,b,c:{c}}=test();

針對數組的賦值

var arr=[1,2,3];
var [a,b]=arr;

=================

箭頭表達式

//函數
var sun = (a,v)=>{
return a+v;
}

================

類
======

泛型
class Person{}
var word :Array<Person>=[];

這個數組只能放person的對象

==========

接口

//聲明接口

interface Iperson{
name:string;
age:number;
eat();
}

//實現接口
class Person implements Iperson{
name:string;
age:number;
eat(){

}
}

=============

模塊

a.ts

export var pro1;
export function test1(){

}

b.ts

//模塊

import {pro1, test1} from "./a";
console.log(pro1)

test1()
========================

https://github.com/DefinitelyTyped/DefinitelyTyped

加載其他文件 xxx.d.ts

========================

typescript的入門