了解Typescript基礎知識

2021-08-28 05:58:14 字數 2673 閱讀 2059

1.使用``可以實現多行字串

2.字串模板

function getname()


var name:string = '***'


console.log(`$$


`)
3.自動拆分字串

function test(template, name, age) 


var myname = "pipi"


var getage = function () 


test `hello my name is $, i'm $`
列印結果為：array... pipi 18 , 陣列由兩個引數分割為三部分。

可以通過這樣 var name:string = "***" 來個引數指定型別

如果沒有顯示的設定型別，那麼就會根據第一次賦值時的型別來推斷這個變數的型別

型別的種類：string 、number 、boolean 、void， void用於方法返回值

function test(name: string): string
class person


var p: person = new person();


p.name = "pipi";


p.age = 18
1.可選引數和引數預設值：

function test(a: string, b?: string, c: string = "pipi") 


test("***", "bbb", "sss");


test("ccc", "ddd")


test("aaa")
注意點：帶預設值的引數和可選引數必須放到最後

列印結果：

*** bbb sss

ccc ddd pipi

aaa undefined pipi

2.任意引數

function func1(...args) )


}func1(1, 2, 3)


func1(1,2,3,3,4,5,6)
function func1(a, b, c) 


var args = [1, 2]


func1(...args);


var args2 = [1, 2, 3, 3, 4, 5, 5]


func1(...args2)
function getinfo() 


}var info = getinfo()


var name0 = info.name


var age0 = info.age


console.log(`$...$`)


var  = getinfo();


console.log(`$...$`)


var  = getinfo();


console.log(`$...$`)
function getinfo() 


}}var  } = getinfo()


console.log(s,n,a)
var arr = [1, 2, 3, 4, 5]


var [n1, n2, ...others] = arr


console.log(n1, n2, others)
1 2 array(3)

var arr = [1, 2, 3, 4, 5]


function test([n1, n2,...others]) 


test(arr)
var f1 = () => 


console.log(f1())


var arg0 = "t"


var f2 = arg0 => 


console.log(f2(arg0))


var arg1 = 1;


var arg2 = 2;


var sum = (arg1, arg2) => arg1 + arg2;


console.log(sum(arg1,arg2))
var arg3 = 3


var arg4 = 4


var opt = (argx, argy) => 


console.log(opt(arg3,arg4))


var marr = [1, 2, 3, 4, 5]


console.log(marr.filter(value => value % 2 == 0))


//2 4
使用箭頭表示式的優點：this 在函式內外是統一的

var arr = [1, 2, 3, 4, 5]


arr.last = "six"


//忽略屬性值，不能break 1,2,3,4,5


arr.foreach(value => console.log(value))


//迴圈的是key 0,1,2,3,4,last


for (var n in arr) 


//迴圈的value，忽略屬性值 1,2,3,4,5


for (var t of arr)
八、物件導向特性

TypeScript 基礎型別

基礎型別可以依據是否含有型別關鍵字分為兩類 注意 所有型別關鍵字都是小寫的。注 這種分類並不嚴謹，分類的目的僅僅用於幫助記憶型別用來指定變數的型別，相容的型別之間才能進行賦值 傳參等操作。宣告變數型別使用變數名 型別格式，如let decimal number 10，宣告之後decimal就只能接受...

typeScript基礎總結

使用 npm cnpm yarn 進行全域性安裝 檢視版本tsc v執行 ts 檔案tsc test.ts執行完成後會生成 js 檔案 自動執行 ts 檔案資料型別 關鍵字描述 任意型別 any宣告為 any 的變數可以賦予任意型別的值。數字型別 number 它可以用來表示整數和分數。字串型別 s...

typescript基礎 函式

函式的輸入輸出要進行型別的定義，函式的引數一旦定義好以後，輸入多或者少都是會編譯報錯的，返回型別也必須跟定義的一致 1 function fun a string,b number number 2 這種寫法只對右側的匿名函式進行了型別定義，左側的funs只能通過型別推斷得出 const funs ...