前端学习TS之路 ——2(快速预览——函数的定义、引用类型、对象、类)

函数的定义

需要设定参数的类型和返回的类型
返回值可有可无 没有返回值的时候返回的类型是void

function pipi(bigbum:number):string{
    return '骑着'+bigbum+'大的皮皮虾' 
}
var bigbum:number = 18
var result:string = pipi(bigbum)
console.log(result)

函数中的可选参数

        function searchXiaoJieJie2(age: number, content ? : string): string {
            let yy: string = ''
            yy = '找到了' + age + '岁'
            if (content != undefined) {
                yy = yy + content
            }
            return yy + '的小姐姐'
        }
        var result: string = searchXiaoJieJie2(22, '肤白貌美大长腿')

参数的全部获取（剩余参数）
利用了…展开符将所有传递的参数给循环出来 注意这边的参数的类型 可以写成any

function searchXiaoJieJie3(...xuqiu:string[]):string{
    
    let  yy:string = '找到了'
    for (let i =0;i<xuqiu.length;i++){
        yy = yy + xuqiu[i]
        if(i<xuqiu.length){
            yy=yy+'、'
        }
    }
    yy=yy+'的小姐姐'
    return yy
}
var result:string  =  searchXiaoJieJie3('22岁','大长腿','瓜子脸','水蛇腰')

函数的声明方式
函数声明法

function add(n1:number,n2:number):number{
    return n1+n2
}

函数表达式法

var add = function(n1:number,n2:number):number{
    return n1+n2
}
console.log(add(1,4))

ES6箭头函数

var add = (n1:number,n2:number):number=>{
    return n1+n2
}

引用类型-数组

注意后面定义的数据类型根据实际情况而定
声明数组

let arr1:number[ ]     //声明一个数值类型的数组
let arr2:Array<string>  //声明一个字符串类型的数组

赋值的方法

let arr2:number[] = [1,2,3,4,5]

构造函数赋值法

let ara2:number[] = new Array(1,2,3,4,5)

引用类型——字符串

let aa:String = new String("aa")

引用类型——日期对象

let d:Date = new Date()

引用类型——正则表达式

let reg1:RegExp = new RegExp("aa")

test(string) ：在字符串中查找是否存在
由于返回的值是一个Boolean类型的值 所以定义也是一个Boolean

let result:boolean = reg1.test(website)

exec(string) : 用于在字符串中查找指定正则表达式

let reg1:RegExp =  /aaaa/i
let website:string = 'bbAA'
reg1.exec(website)

对象修饰符

public,//公有修饰符
public sex:string
protected,//受保护的修饰符
protected name:string
private,// 私有修饰符
public age:number
readonly,//只读
public readonly sex:string = '男'

对象的继承——extends

一个的对象通过extends继承了另一个对象的属性和方法

class newClass extends oldClass{

}
let pipi = new newClass()

TypeScript不支持多重继承

类的重写——super

class newClass extends oldClass{
    public pipi:string = '皮皮'
    public interest(){
        super.interest()
        console.log('皮皮虾')
    }
    public qiqi(){
        console.log('骑骑虾')
    }
}

命名空间——namespace

namespace pipi{
    export class aa{
        public name:string = '皮皮'
        talk(){
            console.log('我是皮皮')
        }
    }
}

namespace qiqi{
    export class aa{
        public name:string = '琪琪'
        talk(){
            console.log('我是琪琪')
        }
    }
}

let dehua1:pipi.aa= new pipi.aa()
let dehua2:pipi.aa= new qiqi.aa()
dehua1.talk()