TypeScript學習筆記(一)
阿新 • • 發佈:2020-12-26
文章目錄
前言
提示:typescript最主要的特點是可以定義靜態型別
一、typescript的靜態型別?
靜態型別:變數的型別必須先宣告,即在建立時就確認好變數型別。使用時只能將這一指定型別的資料賦值給變數,如果強行將不相干的型別資料賦值給它就會報錯(例:C,C++,JAVA,C#)
動態型別:反之則為動態型別(PHP,Phython…)
interface DataProps { // 名字必須所有首字母均大寫
name:string[];
age:number
}
const data: DataProps = {
name:['sas','xx']
age:12
}
二、typescript的基礎靜態型別和物件靜態型別
1.基礎靜態型別
const count: number = 12
(此處的number,以及string、null、undefined、boolean。void、symbol...)
2.物件靜態型別
(物件形式、陣列形式、類形式、函式形式)
// 物件形式
const data1: {
name:string;
age:number
} = {
name:'uu',
age:24
}
// 陣列形式
const data2: string[] = ['ss','uu','err']
// 類形式
class Person {}
const policies: Person = new Person{}
// 函式形式
const data4: ()=>string = ()=>{return string} // 有返回值
const data5: ()=>void = ()=>{console .log} // 無返回值
三、型別註解和型別推斷
1.型別註解 和 型別推斷
let count: number;
count = 123
(: number 冒號加型別就叫型別註解) ----------
let countInterface = 1 (滑鼠移入時能自動分析型別就叫型別推斷)--------
:Any 則需要給一個型別註解
四、函式引數和返回值的註解
1.函式引數註解 和.函式返回值註解
function getTotal(one: number,two: number){
return one + two
}
const total = getTotal(1,2)
/、、只有引數註解的情況下返回值會自動進行型別推斷得出返回型別為number。
/、、但如果不小心寫成 return one+two+'' 加了個空字串,返回型別變成string則會報錯
function getTotal(one:number,two:number): number{
return one+two
}
/..沒有返回值的函式註解
function say():void{console.log}
// 同 二-2
const data4: ()=>string = ()=>{return string} // 有返回值
const data5: ()=>void = ()=>{console.log} // 無返回值
/..當函式引數是物件時
function add({one,two}:{one:number,two:number}){
return one+two
}
const total = add({one:1,two:2})
function getNum({one:number}){
return one
}
const one = getNum({one:1})
/..never永遠執行不完無法進行下一步則是never(例如:丟擲異常後無法執行後續過程,死迴圈)
function errFunction(): never{
throw new Error()
console.log
}
/..此處執行到Error() 執出異常後無法執行下面的console.log
-----------------------------------------------------------------------
function forever(): never{
while(true){}
console.log()
}
/...死迴圈同理
五、陣列型別註解
const numArr: number[]=[1.2] // number 陣列
const stringArr: string[]=['1','2'] // string 陣列
const arr: (number | string )[] = ['uu',1,2,'UI'] // 混合陣列
type arrProp = {
name: string;
age: number;
}
const arrObj: arrProp[] = [ // 數組裡麵包含物件
{name:'yyy',age:20},
{name:'uuu',age:18}
]
總結
提示:這裡對文章進行總結:
例如:以上就是今天要講的內容,本文僅僅簡單介紹了pandas的使用,而pandas提供了大量能使我們快速便捷地處理資料的函式和方法。