1. 程式人生 > 其它 >TypeScript學習筆記(一)

TypeScript學習筆記(一)

文章目錄


前言

提示: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():voidconsole.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提供了大量能使我們快速便捷地處理資料的函式和方法。