ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

typescript终极奥义

2022-01-15 18:31:13  阅读:128  来源: 互联网

标签:typescript console log str1 let str 奥义 终极 string


typescript终极奥义

1、函数

1.1函数定义

function test(){
    //函数体
    console.log(1111);
}

//函数定义 = function + 函数名 + 形参 + 函数体

1.2函数调用

函数名();

1.3函数返回值

function test1():number{    //限定函数的返回值类型
    console.log(2222);
    return 1;
}

1.4函数参数

function test2(str:string){   //限定形参的类型为string
    console.log("输入的字符串是"+str);
}

test2("666");

1.4.1可选参数

function test3(str:string , str1?:string){   //str1是可选参数
    console.log("输入的字符串是"+str+str1);
}

test3("777");
test3("888","999");

1.4.2默认参数

function test4(str:string , str1:string = "NB"){   //str1是默认参数
    console.log("输入的字符串是"+str+str1);
}

test4("111");
test4("222","666");

1.4.3剩余参数

可变参数 又叫多参数或参数数组

function test5(...nums:number[]){   //可变参数
    for (const key in nums) {
        console.log("可变参数"+nums[key])
    }
}

test5(1,2,3,4);

1.5匿名函数

没函数名

//匿名函数
let msg = function(){
    return "这是一个匿名函数";
}

console.log( msg() );

2、number

typescript(double)与c++(int float double)

2.1number类型的取值范围

console.log("最大值",Number.MAX_VALUE);
console.log("最小值",Number.MIN_VALUE);

2.2获取数值所对应的字符串

let num = 55;
console.log(typeof(num));
let str = num.toString();
console.log(typeof(str));
console.log(str);

3、string

要点:c++""代表字符串''代表字符,typescript""代表字符串和字符

3.1split方法,字符串切割方法

let str = "ni hao xion a";
let str1 = str.split(" ",3);    //参数1:按照什么分割,参数2:分成多少段
console.log(str1);

3.2length属性

获取字符串的字符数

let str = "ni hao xion a";
console.log(str.length);
//输出为13

3.3连接字符串 +

let str = "ni hao xion a";
let str1 = "1111";
let str2 = str+str1;
console.log(str2);

3.4截取字符串

let str1 = "1111";
console.log(str1.substring(0,2));   //左闭右开区间
//输出为11

console.log(str1.substring(1));  //输入一个参数,第二个参数默认为数组结尾
//输出为111

4、数组

4.1多维数组

数组中只能是单一类型,除非是限定any类型

let numDuo:number[][] = [[1,2,3],[3,3,3]];
console.log(numDuo[0][0]);
let numArr:any[] = [1,2,3,"依然是数组,不是元组"];		//声明数组为any类型

5、元组

数组的数据类型都是相同的(any类型的数组可以不同)

元组是存储的数据类型和个数是限定的

let numArr2 = [1,"元组"];	//元组
let numArr:any[] = [1,2,3,"依然是数组,不是元组"];//数组

6、类与对象

class stu {
    //类的成员变量
    id:number;
    name:string;

    //构造方法
    constructor(name:string,id:number) {
        this.name = name;
        this.id = id;
        
    }

    //类的成员方法
    getName():string{
        return this.name;
    }

    setName(name:string):void{
        console.log("调用了父类的setName方法");
        this.name = name;
    }
}


let zhang = new stu("黄同学",1);
zhang.setName("李同学");
console.log(zhang.getName());
console.log(zhang.id);




6.1继承与多态

//类的继承与多态
class son extends stu {
    
    getMajor():string{
        return "我是好学生";
    }

    //重写
    setName(name: string): void {
        super.setName(name);
    }
}

let li = new son("1",2);
console.log(li.getName());
console.log(li.getMajor());

标签:typescript,console,log,str1,let,str,奥义,终极,string
来源: https://www.cnblogs.com/Mr-black-7/p/15807712.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有