TypeScript

typescript新特性

  1. 字符串新特性
  • 字符串拼接
    在这里插入图片描述在这里插入图片描述
  • 字符串模板:在多行字符串用表达式插入变量或者调用方法,直接使用 变 量 名 、 {变量名}、 {调用方法}
    只有在撇号中间才可以,双引号内不可以
    在这里插入图片描述
    结果:
    在这里插入图片描述
  • 自动拆分字符串 :调用模板字符串test.... .
    注意:第一个参数是``撇号里面自己输入的字符串,分割成数组
    第二个参数开始是${}里面传入的字符串和调用的方法,一定要对应参数的个数。不然会报错;
    在这里插入图片描述
    在这里插入图片描述
  1. 参数新特性
  • 参数指定类型:参数后面使用:加上参数的类型
    指定类型的参数赋值其它类型的值时会报错
    初始定义一个变量并赋值之后:var abc = “abc”; //此时typescript会把abc变量默认为参数类型是srting类型,然后进行赋值number类型会报错。
    在这里插入图片描述
    在这里插入图片描述
  • 默认参数:一般指的是函数的参数带默认值
    在这里插入图片描述
    在这里插入图片描述
  • 可选参数:通过?来表示可选参数 因为普通的带参数的函数,在调用的时候有几个形参就必须传递几个实参;
    注意的是:传递可选参数的话,需要考虑如果没有传递这个参数的时候的处理情况,
    注意2:可选参数与带默认值的参数一样,需要定义在必选参数的后面。不可以放在前面。
  1. 函数新特性
  • 三点运算符的参数 reset and Spread运算符,可以传递任意数量的参数【reset】
    在这里插入图片描述
    反过来的用法是ES6的用法:【spread】typescript不支持
    在这里插入图片描述
    输出结果
    在这里插入图片描述
  • generator函数:控制函数的执行过程,手工暂停和恢复代码执行
    在这里插入图片描述
    在这里插入图片描述
    //例子
    在这里插入图片描述
    在这里插入图片描述
  • 析构表达式:通过表达式将对象或数组拆解为任意数量的变量
    var {name1,name1} = 函数; //从函数取值
    在这里插入图片描述
    var [name1,name2] = arr; //从数组中取值
    在这里插入图片描述
  1. 表达式与循环
  • 箭头表达式:解决匿名函数的this指向问题
    在这里插入图片描述
    在这里插入图片描述

  • forEach()和for in/for of
    forEach()://不可以循环输出属性值;2、不可以在满足某一条件时跳出循环(break)
    for in :输出数组的index,和添加的属性值
    for of :输出数组的值,但是可以break;
    在这里插入图片描述

  1. typescript面向对象特性

  • 在这里插入图片描述
    constructor:构造函数,继承的构造函数一定要使用super;

  • 泛型:参数化的类型,一般来限制集合的内容
    注意,woman[3]页面输出没有报错是因为转化为javascript所以不报错,但是typescript编译器会报错。
    在这里插入图片描述

  • 接口(interface):建立某种代码约定
    在这里插入图片描述
    在这里插入图片描述

  • 模块:export :向外暴露 import 引入变量对象等等
    在这里插入图片描述
    在这里插入图片描述

  • 注解:

  • 类型定义文件:如何在typescript中运用框架,比如使用jquery
    在github里面引入一个文件 index.d.tx

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值