1 變量和常量
1.1 變量
? ? ? ? 常見的基礎數據類型:
? ? ? ? string 字符串、number 數字、boolean布爾 判斷。
? ? ? ? 變量:專門用來存儲數據的容器。
? ? ? ? 語法:let? 變量名: 數據類型 = 值。例如:let name: = '張三';let price:number = 12.4;
let isSuccess : = true。注意:字符串的值需要用單引號或雙引號括起來,推薦單引號。
//1.1變量
//字符串
let name :string = '張三'
console.log('姓名',name)
//修改變量
name = '李四'
console.log('修改后的名字',name)
//數字
let age :number = 18
console.log('年齡',age)
//布爾
let isFirst :boolean = true
console.log('是否第一名',isFirst)
?輸出結果:
? ? ? ?
1.2 常量
? ? ? ? 常量用來存儲不可變的數據,一旦賦值后,修改后編譯報錯。格式:const 常量名: 類型 = 值。例如:const PI: number = 3.1415926?
//1.2 常量
const PI: number = 3.1415926
console.log('圓周率',PI)
1.3 數組
? ? ? ? 數組:是一個可以存儲多個相同類型數據的容器。注意:數組指定的類型和存儲的數據類型必須一致;數組的索引是從0開始。使用語法:let 數組名: 類型[] = [數據1,數據2,數據3...]。例如:
let names: String[] = ['張三','李四','王五'] .
//2 數組
let names: String[] = ['張三','李四','王五']
console.log('數組names的值是:',names)
let name_02 = names[1]
console.log('獲取數組中第二個元素的值:',name_02)
2 函數??
2.1 普通函數
? ? ? ? 函數是可以重復使用的代碼塊。函數可以把具有相同或者相似邏輯的代碼封裝起來,有利于代碼復用。函數的基本使用先定義函數,后調用函數。
? ? ? ? 函數定義的語法:
function 函數名(){//處理邏輯
}
? ? ? ? 函數調用語法:
函數名()
? ? ? ? 使用實例:
//定義函數
function add(a:number,b:number ){return a+b
}
//函數調用
let sum:number = add(1,2);
console.log('求和:',sum)
2.2 箭頭函數
? ? ? ? 箭頭函數比普通函數更簡潔。語法如下:
let 函數名 = (形參1:類型,形參2:類型) =>{//函數體//2 計算過程//3 返回結果return 結果
}函數名(實參1,實參2)
?使用實例
//2 箭頭函數
//2.1 函數定義
let sum1= (a: number,b: number) => {let result: number = a + breturn result
}
//2.2 函數調用
let result: number = sum1(4,6)
console.log('計算結果:',result)
計算結果:
3 接口和對象
3.1 對象的定義和使用
? ? ? ? 對象用于描述一個物體的特性和行為,是一個可以存儲多個數據的容器。
? ? ? ? 通過interface接口約定對象結構類型,語法:
interface 接口名{屬性1:類型屬性2:類型屬性3:類型....
}
? ? ? ? 定義對象,語法:
let 對象名稱:對象接口類型 = 值
? ? ? ? 使用實例:
//1 通過interface定義對象接口類型
interface Person{name: stringage: numberweight:number
}
//2 定義對象
let dlrb: Person = {name: '迪麗熱巴',age: 20,weight:90
}
let glnz:Person = {name: '古力娜扎',age: 21,weight:92
}
//3 使用對象屬性
console.log('姓名1,年級,體重',dlrb.name,dlrb.age,dlrb.weight)
console.log('姓名2,年級,體重',glnz.name,glnz.age,glnz.weight)
? ? ? ? ?運行結果:
3.2 對象方法
? ? ? ? 對象的方法用來描述對象的具體行為。
? ? ? ? 約定方法類型,語法如下:
interface 接口名稱{方法名:(參數:類型) => 返回值類型}
? ? ? ? 使用實例:
//1 通過interface定義對象接口類型
interface Person{name: stringage: numberweight:numberdance:() => voidsing:(song:string) => void
}
//2 定義對象
let dlrb: Person = {name: '迪麗熱巴',age: 20,weight:90,dance:() =>{console.log('迪麗熱巴要跳舞')},sing:(song:string) =>{console.log('迪麗熱巴要唱歌:',song)}
}//3 使用對象屬性
console.log('姓名1,年級,體重',dlrb.name,dlrb.age,dlrb.weight)
dlrb.dance()
dlrb.sing('天空之城')
? ? ? ? ?運行結果:
4 聯合類型和枚舉
4.1 聯合類型
? ? ? ? 聯合類型是一種靈活的數據類型,它修飾的變量可以存儲不同類型的數據。語法:
let 變量名:類型1 | 類型2 | 類型3 = 值
? ? ? ? 示例:
//1 聯合類型
let score: string | number = 'a'
score = 100
console.log("得分:",score)
//2 把變量值限定在一組數據范圍內選擇
let gender: 'man' | 'woman' | 'secret'
gender = 'woman'
console.log('性別是:',gender)
? ? ? ? 運行結果:
4.2 枚舉類型
? ? ? ? 枚舉類型是一種特殊的數據類型,約定變量只能在一組數據范圍內選擇值。
? ? ? ? 定義枚舉類型(常量列表),語法如下:
enum 枚舉名 {常量1 = 值,常量2 = 值,....
}
? ? ? ? 使用實例:
//定義枚舉
enum Color{Red = 1,Orange = 2,Black = 3
}
//使用枚舉
let color: Color = Color.Red
console.log('顏色值是:',color);
? ? ? ? ?運行結果;
????????? ???????? ? ? ?