小窥TypeScript:函数新特性(未完成)

版权声明:如需转载、粘贴内容,必须在转载和粘贴文中标明文章内容出至 https://blog.csdn.net/ynzcxx/article/details/88171642

1、Rest and Spread操作符

...用来申明任意数量的参数。

function func1(...args) {
    args.forEach(function (arg) {
        console.log(arg);
    })
}
func1(1, 2, 3, 4);
func1(5, 6, 7);

也可以反过来使用:

function func1(a,b,c) {
    console.log(a);
    console.log(b);
    console.log(c);
}
var args1 = [1, 2, 3, 4, 5];
func1(...args1);
var args2 = [7, 8];
func1(...args2);

这时会自动将数组前三个元素,赋给方法func1的三个元素,如果不满三个,则给出undefined。

2、generator函数

控制函数的执行过程,手工暂停和恢复代码执行。在function后面加一个*号,并在函数中加上yield关键字。

function* func1() {
    console.log("开始开始!");
    yield;
    console.log("中间中间!");
    yield;
    console.log("结束结束!");
}
var func2 = func1();
func2.next();
func2.next();

在每次执行next()的时候,就会在一个yield前面停下,所以执行后控制台的结果为:

开始开始!
中间中间!

再来一个复杂的例子:

function* func1() {
    while (true) {
        yield Math.random() * 100;
    }
}
var func2 = func1();
var di = 30;
var zhi = 31;
while (zhi > di) {
    zhi = func2.next().value;
    console.log(`${zhi}没有大于大于${di},程序继续执行!`)
}

只要随机数大于变量di,就会继续执行到低于di。

猜你喜欢

转载自blog.csdn.net/ynzcxx/article/details/88171642
今日推荐