javescript经验文档(es6/es2017篇)

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javescript经验文档(es6/es2017篇)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

迭代器 - ITerators

{
    'use strict'
    function chef(foods){
        let i = 0;
        return {
            next(){
                let done = (i >= foods.length);
                let value = !done ? foods[i++]:undefined;

                return{
                    value:value,
                    done:done
                }
            }
        }
    }
    let wanghao = chef(['西红柿','孙双双']);
    console.log(wanghao.next());
    console.log(wanghao.next());
    console.log(wanghao.next());
}

结果:
{value: "西红柿", done: false}
{value: "孙双双", done: false}
{value: undefined, done: true}

生成器 - Generators

{
    'use strict'
    function* chef(){
        yield '西红柿';
        yield '炒蛋';
    }
    let wanghao = chef();
    console.log(wanghao.next());
    console.log(wanghao.next());
    console.log(wanghao.next());
}

结果:
{value: "西红柿", done: false}
{value: "孙双双", done: false}
{value: undefined, done: true}

模版字符串 - ``

{
    // 普通字符串
    let str = `In JavaScript 'n' is a line-feed.`;
    console.log(str);
     
    // 多行字符串
    let str2 = `In JavaScript this is
        not legal.`;
    console.log(str2);
     
    // 字符串中嵌入变量
    let name = 'liushi';
    window.location.href = `http://www.baidu.COM?name=${name}`;
}

函数的参数默认值

// ES6之前,当未传入参数时,text = 'default';
function PRintText(text) {
    text = text || 'default';
    console.log(text);
}

// ES6;
function printText(text = 'default') {
    console.log(text);
}

Spread / Rest 操作符

当被用于迭代器中时,它是一个 Spread 操作符:

function foo(x,y,z) {
  console.log(x,y,z);
} 
let arr = [1,2,3];
foo(...arr); // 1 2 3

当被用于函数传参时,是一个 Rest 操作符:当被用于函数传参时,是一个 Rest 操作符:

function foo(...args) {
  console.log(args);
}
foo( 1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

for...of 和 for...in

{
    //返回值
    let letters = ['a', 'b', 'c'];
    letters.size = 3;
    for (let letter of letters) {
      console.log(letter);
    }
    // 结果: a, b, c
    
    //返回键,es6
    let stus = ['Sam', '22', '男'];
    stus.size = 3;
    for (let stu in stus) {
      console.log(stu);
    }
    // 结果: 0,1,2,size
}

脚本宝典总结

以上是脚本宝典为你收集整理的javescript经验文档(es6/es2017篇)全部内容,希望文章能够帮你解决javescript经验文档(es6/es2017篇)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。