1. 基本类型
// 1. boolean 类型
let isOff = true
let isOn = false
// 2. 数字类型
let a: number = 2
// 3. 字符串类型
let aStr:string = "hello"
// 4. 俩种数组类型
let arr1:number[] = [1, 3, 5]
let arr2: Array<string> = ["hello", "world"]
// 4.1 回顾splice用法,改变原数组,返回修改后的数组
let arr3 = [1, 3, 5, 7]
arr3.splice(2, 0, 3) // 把值3添加到下标2的地方
console.log(arr3) // [1, 3, 3, 5, 7]
arr3.splice(4, 1) // 删除下标4的值
console.log(arr3) // [1, 3, 3, 5]
// 5. 定义一个元组类型 ==> 允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。
let arr4: [string, number]
arr4 = ['hello', 100]
arr4 = [100, 'hello'] // error demo
arr4 = ['hello', 100, 200] // error demo
// 6. 定义枚举 enum ==> 是对javascript标准数据类型的一个补充,可以为一组数值赋予友好的名字。
enum Color { red, green, blue }
let c: Color = Color.green
// 7. 定义未知类型 any/Unknown ==> 不清楚类型的变量,不希望类型检查器对这些值进行检查,直接通过编译阶段的检查。
let noSure: unknown/any
noSure = 4 // 这里4可以是任意值
// 8. viod ==> 函数没有返回值
function myfunc(): void {
// 这里不能有return
}
// 9. Null ==> 空值,没有给它分配内存,内存中没有变量;
// undefined ==> 未定义的变量,有这个变量,但是没有定义
// 10. 联合类型
let a: string | number
a = 'hello'
a = 100
2. 条件语句
// 1. if
// 2. if...else
// 3. if...else if...else ...else
// 4. switch...case,用来做多条件的等于判断
let gender: string = 'mail'
switch (gender) {
case 'mail': {
console.log('男')
break; // 满足条件就终止判断
}
case 'femail': {
console.log('女')
break;
}
default: { // 上面所有case条件都不满足,就会进入default
console.log('不能确定性别')
break;
}
}
3. 循环语句
// 1.
let i: numebr;
for(i = 1;i <= 10;i++) {
console.log(i)
}
// 2. 只能针对集合或者是列表
let j: any
// let j: unkonwn
let nums: Array<number> = [12, 23, 56, 32]
for (j in nums) {
console.log(nums[j])
}
4. 函数
// 1. 有名函数
function add(x: number, y: number): void{}
add(10, 20)
// 2. 匿名函数
let add_Func = function(x: number, y: number): number{
return x + y
}
add_Func(10, 20)
// 3. 可选参数的函数
function fn(x: number, name?: string) :void {}
fn(10)
// 4. 剩余参数 ==> 个数不限的可选参数
function fn(x: number, ...other: Array<any>) :void {}
fn(10, 'hello', 30)
// 5. 箭头函数 ==> 定义匿名函数的简写语法
let fn = (x: number, y: number) => {}
5. 类对象
- public 公共属性
- private 私有属性,只能在类里面用,类对象外无法访问到属性,因此别人在类外面不能随意改动。
在 ArkTs 中,private 必须本地初始化。- protected 在一个包里面可以用
// 1. 定义一个Person类
class Person {
// 私有属性
private name: string
private age: number
// 定义构造函数
constructor(name: string, age: number){
this.name = name
this.age = age
}
// 公共成员函数
public getPersonInfo() :string {
return `我的名字是${this.name},年龄是${this.age}`
}
}
let p = new Person('张三', 18)
p.getPersonInfo()
// 2. 继承 extends
// 定义一个Employee类继承Person
class Employee extends Person {
private department: string;
constructor(name: string, age: number, department: string){
// 调用父类的构造函数
super(name, age)
this.department = department
}
public getEmployeeInfo() :string {
return this.getPersonInfo() + `,我的工作部门是${this.department}`
}
}
let emp = new Employee('王五', 26, '行政部')
emp.getEmployeeInfo()
emp.getPersonInfo()
6. 可迭代对象
- 当一个对象实现了 Symbol.iterator 属性时,它是可迭代的。(可以通过for…of循环遍历的对象)。
一些内置的类型如 Array, Map, Set, String, Int32Array, Uint32Array 等都具有可迭代性。- 迭代器都是可迭代对象
可迭代对象是迭代器的一个子集
// 1. for..of 语句,针对可迭代对象才能使用,i 代表其中元素,不指下标。
let str: string = 'sdfs'
for(let i of str) {
console.log(i) // s d f s
}
// 2. map类型,每个元素都是由俩个组成:key,value
let map1 = new Map<string, number>()
map1.set('a', 111)
map1.set('b', 222)
map1.set('c', 333)
for(let j of map1) {
console.log(j) // ['a', 111] ['b', 222] ['c', 333]
console.log(j[1]) // 111 222 333
}
7. 模块
前端模块化,在 ArkTs中,常用 ES6 模块化。