前端学习TS之路 ——2

本文链接： https://blog.csdn.net/HarryHY/article/details/102655035

函数的定义

需要设定参数的类型和返回的类型
返回值可有可无没有返回值的时候返回的类型是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()