首页 > 其他分享 >TypeScript基础

TypeScript基础

时间:2023-10-09 12:11:06浏览次数:41  
标签:TypeScript return string firstName 基础 number let 类型

基础类型:":"后面为变量的数据类型

布尔值:boolean
 let isDone:boolean=false
 
数字:number
TypeScript中的所有数字类型都是浮点数,类型统一都是number,支持十进制,二进制,八进制,十六进制。
let count:number=100

字符串:string
Typescript中使用string表示文本数据类型,可以使用双引号("")或者单引号('')表示字符串。
let name:string="allen" name='张三'

数组:TypeScript支持两种方式声明数组,第一种,可以在元素类型的后面跟上[],表示由此类型的元素组成一个数组,第二种是使用数组泛型,Array<元素类型>
let list:number[]; list=[1,2,3]; 
let list2:Array<number>=[1,2,3]//泛型

元组:表示一个已知元素类型和数量的数组,各个元素的类型不必相同
let x: [number, string] 
x = [1, '111']//正确 
x=['111',1]//错误

枚举类型
enum Color { Red, Green, Blue }
let c: Color = Color.Red

unknown:编程阶段未知的类型可以使用unknown来标记变量。
let notsure:unknown
notsure=4; notsure="字符串"

void 一个函数无返回值时,可以定义为void类型
function save(x:string):void{
}

any类型:任何类型,any类型的变量可以被赋予任意类型的值
定义方式:let an; 或者 let an:any
an=[];an=123;an={};an='456'
 TS在没有明确指定类型时会推测一个类型,如在定义变量时赋值,let num=123456,则推断num的类型为number,let str='张三',则str的类型为String类型。如果没有赋值则为any类型
null和undefined:TypeScript里,undefined和null两者各自有自己的类型分别是undefined和null。
let u:undefined=undefined
let n:null=null

联合类型:联合类型表示取值可以是多种类型中的一种。
let myNumber:number|string
myNumber=10;myNumber='ten'

 

定义函数
//定义一个具有2个number类型的参数,返回值为number类型的函数
function add(x: number, y: number): number {
    // 具名函数
    return x + y;
}
let myAdd=function(x:number,y:number):number{
    // 匿名函数
    return x+y;
}
//TypeScript中可以在参数名旁使用?实现课选参数的功能,即参数可为空。
function buid(firstName: string, lastNanme?: string) {
    if (lastNanme)
        return firstName + '·' + lastNanme;
    else
        return firstName;
}
箭头函数:定义匿名函数的简写语法,省略了function关键字。
let fullName = (firstName: string, lastNanme?: string) => {
    if (lastNanme)
        return firstName + '·' + lastNanme;
    else
        return firstName;
}
调用方法:fullName('allen','jon');fullName('allen')
定义函数
//定义一个具有2个number类型的参数,返回值为number类型的函数
function add(x: number, y: number): number {
    // 具名函数
    return x + y;
}
let myAdd=function(x:number,y:number):number{
    // 匿名函数
    return x+y;
}
//TypeScript中可以在参数名旁使用?实现课选参数的功能,即参数可为空。
function buid(firstName: string, lastNanme?: string) {
    if (lastNanme)
        return firstName + '·' + lastNanme;
    else
        return firstName;
}
箭头函数:定义匿名函数的简写语法,省略了function关键字。
let fullName = (firstName: string, lastNanme?: string) => {
    if (lastNanme)
        return firstName + '·' + lastNanme;
    else
        return firstName;
}
调用方法:fullName('allen','jon');fullName('allen')
类:TypeScript支持基于类的面向对象的编程方式,定义类的关键字为class,后面跟类名。
class Person {
    private name: string;
    private age: number;
    // 构造函数
    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }
    public  GetPerson():string {
        return `name is ${this.name},age is ${this.age}`;
    }
}

let person=new Person('jack',18)
person.GetPerson;
继承:TypeScript中允许使用继承来对类进行扩展,对应的关键字为extends
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.GetPerson()+`and work in ${this.department}`
    }
}

let employee=new Employee('allen',20,'百度')
employee.GetPerson();
employee.GetEmployeeInfo();
循环语句:for of和for in
let animals=['cate','dog','fish']
for(let item of animals)
    console.log(item)//输出 cate dog fish
for(let item in animals)
console.log(item)//输出 1 2 3,for in输出的为数组的索引

 

标签:TypeScript,return,string,firstName,基础,number,let,类型
From: https://www.cnblogs.com/BizSpring/p/17751428.html

相关文章

  • scss基础
    官网https://www.sass.hk/guide/变量导入SASS文件静默注释混合器选择器继承style选项if指令for循环each循环while条件function函数文件后缀sass有两种后缀名文件:后缀名为sass,不使用大括号和分号后缀名为scss,这种和我们平时写的css文件格式......
  • 【2023年09月28日】stf61-测试基础第一天笔记
    stf61-测试基础第一天笔记计算机基础计算机既可以做数值运算,也可以做逻辑运算。数值运算:加减乘除等针对数值的操作逻辑运算:运算结果是真或者假的这一类运算,多用于条件判断举例:a=10,b=20如果a>b并且a>0,那么就执行a+b的操作,否则执行a-b的操作。a>b并且a>0——》逻辑运算a+b,a-b——......
  • less基础
    CSS三大预处理器SASS,Less,StylusLess介绍LessCSS文件是一种动态样式文件,属于css预处理语言的一种,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护和扩展。Less可以运行在Node或浏览器端。Less中文官网:http://lesscss.cn/Bootstrap中的Less教程:https://......
  • h5基础
    1.介绍1.1IPhone6的参数设备像素750*1334设备独立像素375*667屏幕分辨率750*1334ppi326一般设置的移动端最大和最小宽度min-width:320px;max-width:640px;1.2980布局视口980像素就是浏览器厂商设置的布局视口的初始宽度1.3数据共享的方法......
  • 【接口自动化】python+selenium基础实战--登录
    安装好环境后,来试试一个基本的登录功能##-*-coding:utf-8-*-fromseleniumimportwebdriverimporttimedriver=webdriver,Chrome()driver.get("http://localhost:63342/projectAutoTest/projectHtml/chapter1/period2/index.html")time.sleep(1)driver.findelement_by_i......
  • TinyMCE——自定义工具栏按钮(基础按钮、下拉框按钮、弹框按钮等)
    详细配置查看官方文档:https://www.tiny.cloud/docs/tinymce/6/custom-toolbarbuttons/  配置方式:tinymce.init({selector:'#editor',toolbar:'myCustomToolbarButton',setup:(editor)=>{editor.ui.registry.addButton('myCustomToolb......
  • C++基础入门
    C++基础入门1C++初识1.1第一个C++程序编写一个C++程序总共分为4个步骤创建项目创建文件编写代码运行程序1.1.1创建项目​ VisualStudio是我们用来编写C++程序的主要工具,我们先将它打开1.1.2创建文件右键源文件,选择添加->新建项给C++文件起个名称,然后点击添......
  • Redis 基础语法
    Redis五种常见数据类型Redis存储的是key-value结构的数据,其中key是字符串类型,value有五种常见的数据类型:1.字符串string(普通字符串,Redis中最简单的数据类型)2.哈希hash(也叫散列,类似于java中的HashMap结构)3.列表list(按照插入顺序排序,可以有重复元素,类似于java中的LinkedLis......
  • java基础:重写
    重写总结来说为:方法名相同,参数类型相同子类返回类型等于父类方法返回类型,子类抛出异常小于等于父类方法抛出异常,子类访问权限大于等于父类方法访问权限。详细的说明为:重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。 即外壳不变,核心重写!重写的......
  • JavaFX的基础 第二节
    JavaFX的基础第二节JavaFX图形界面的基础结构StageStage就是一个窗口,在JavaFX应用程序中,可以有多个窗口,一个窗口就是一个StageScene场景在一个Stage中一次只能显示一个场景,场景因需求而改变。比如你的前面是个漂亮小姐姐,你的后面有个钢铁侠,但是你的眼睛只能让你选择一个......