ES6第三部分

最新推荐文章于 2024-09-25 18:49:19 发布

原创最新推荐文章于 2024-09-25 18:49:19 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

16 篇文章

订阅专栏

es6

5 篇文章

订阅专栏

本文深入探讨ES6中的Generator用于异步编程，class语法及继承，module模块化，涵盖异步函数、类的定义与使用、模块导入导出等关键概念。

一 Generator

Generator：提供异步编程的解决方案，异步函数的写法；
标注：*；
next,：调用遍历器方法，移动方法内部的指针。next返回一个对象，value指的是yield表达式的值：done:false（遍历还没有结束）;done:true(遍历结束）；
Generator 函数返回的一个遍历器，就可以遍历；

function *method(){
        yield 1;
        yield 2;
        yield 3;
        yield 4;
    }
        for(let num of method()){
        console.log(num);
    }

如果Generator函数内部yield表达式内部有yield：

 function *method(x,y){
            yield x+(yield x+y);
        }
        let met=method(2,3);
        console.log(met.next());
        console.log(met.next().value);//NAN
        console.log(met.next());

二 class

class类的语法。类的写法：使用类new，类的构造函数是在类的实例化时执行；在类里面封装方法，直接写就行；class类里面写的代码，在类对象的_proto_原型上面；类里面执行方法直接，对象点（对象点的方法为非静态方法）；
Object.assign()：给类上添加方法：

Object.assign(person.prototype,{
        toValue: function () {
            console.log("输出值");
        }
    })

类里面封装属性，在构造里面写this.***或者直接在class里面写属性是一样的。类里面的this，指针指向当前的类对象；
前端的类只能有一个构造函数；
类里面的getter setter访问器，拦截属性的存取行为。class类里面的get、set访问器，作用是在设置属性的时候，用访问器拦截该属性的行为；
字面量声明类的方法。属性表达式写法：

 let method="SendData";
    class person{
        constructor(){

        }
        [method](){

        }
    }
    let per=new person();
    console.log(per);

类的表达式。下面的类名称可以省略：

let person=class me{
        constructor(){

        }
    }
    console.log(new person());

类的静态属性：static。类的静态方法是在方法前面添加static关键字：

static goHome(){
            console.log("静态方法");
        }

class的非静态成员变量和非静态方法，是由类对象点的：per.toValue()；静态方法是由类名称点的：Person.goHome()；
静态方法特点：不会被实例继承；
类里面的私有方法和私有属性ES6并没有提供，只是认为变通的，私有方法自己可以区别；
私有属性ES6提供的方案是：在属性前面加 #：

 class Person{
        //私有属性
        #count=0;
        constructor(){
            this.#count++;
        }
        toValue(){
            console.log(this.#count);
        }
    }
    let per=new Person();
    per.toValue();