现在的位置: 首页 > web前端 > 正文

TypeScript入门知识三(函数新特性)

2017年09月14日 web前端 ⁄ 共 1319字 ⁄ 字号 暂无评论

一,Rest and Spread操作符:

  用来声明任意数量的方法参数也就是“...”操作符

 

输出结果:

  18

  jajj

  89

 

  function test (a, b, c) {

    console.log(a);

    console.log(b);

    console.log(c);

  }

  var agrs = [1, 2];
  test(...agrs);

  输出结果:

  1

  2

  undefind

  var agrs = [4,5,6,7,8,9];

  test(...agrs);

  输出结果:

  4

  5

  6

  根据定义的参数取传入的参数

二,generator函数;

  控制函数的执行过程,手工暂停和恢复代码执行

  在TypeScript的编辑器中不支持这个语法,需要在babeljs的编辑器中联系(http://babeljs.cn)

  function* doSomething () {

    console.log("start");

    yield;

    console.log("end");

  }

  //调用generator函数,必须赋值给一个变量

  var func1 = doSomething();

  //通过next()来调用

  func1.next();

  func1.next();

三.destructuring析构表达式

  通过表达式将对象或者数组拆解成任意数量的变量。

  function getStock() {
    return{
    code: "IBM",
    price:100
    }
  }
  var { code, price } = getStock(); //但是变量的命名和字段必须一样

  var {code: codeX,  price} = getStock;//当你定义的变量与对象的变量不一样时

  console.log(code);
  console.log(price);

  输出结果:

  “IBM”

  100

 

  当对象中的字段是一个对象

  function getStock() {
    return{
    code: "IBM",
    price:{

       price1: 100,

       price2:  120

      }

    }
  }

  var { code,price:{price2}} = getStock();

  数组用析构表达式 

  var array1 = [1, 2, 3];
  var [ , num1, num2] = array1;
  console.log(num1);
  console.log(num2);

  输出结果:

  2

  3

  var array1 = [1, 2, 3];
  function doSomething([num1,num2,...others]) {
    console.log(num1);
    console.log(num2);
    console.log(others);
  }
  doSomething(array1);

  输出结果:

  1

  2

  [3]

  有点主要是根据对象或者数组初始化一些变量,可以写更少的代码;

  

  

  

 

 

 

  

 

给我留言

您必须 [ 登录 ] 才能发表留言!

×