• NodeJS学习笔记二


    类声明和类表达式


      ES6 中的类实际上就是个函数,而且正如函数的定义方式有函数声明和函数表达式两种一样,类的定义方式也有两种,分别是:类声明、类表达式。

    类声明

      类声明是定义类的一种方式,就像下面这样,使用 class 关键字后跟一个类名(这里是 Ploygon),就可以定义一个类。

    'use strict';
    class Polygon {
      constructor(height, width) {
        this.height = height;
        this.width = width;
      }
    }
    var p = new Polygon(10,20);
    console.log('高度为:'+p.height);//10
    console.log('宽度为:'+p.width);//20
    

      

    变量提升

      类声明和函数声明不同的一点是,函数声明存在变量提升现象,而类声明不会。也就是说,你必须先声明类,然后才能使用它,否则代码会抛出 ——ReferenceError 异常,像下面这样:

    'use strict';
    
    var p = new Polygon(10,20);
    console.log('高度为:'+p.height);
    console.log('宽度为:'+p.width);
    class Polygon {
      constructor(height, width) {
        this.height = height;
        this.width = width;
      }
    }
    
    
    var p = new Polygon(10,20);
                ^
    
    ReferenceError: Polygon is not defined
        at Object.<anonymous> (/demo.js:3:13)
        at Module._compile (module.js:435:26)
        at Object.Module._extensions..js (module.js:442:10)
        at Module.load (module.js:356:32)
        at Function.Module._load (module.js:311:12)
        at Function.Module.runMain (module.js:467:10)
        at startup (node.js:134:18)
        at node.js:961:3
    

      练习:

    请声明一个类,命名为(Person),构造函数(constructor)中定义name属性,并定义一个实例方法sayName(){...}中打印'My name is'+this.name ,new Person('Lily'),调用sayName()方法,看结果。
    
    'use strict';
    class Person {
      constructor(name){
        this.name = name;
      }
      sayName(){
        console.log("My name is"+this.name);
      }
    }
    
    var p1 = new Person("张三");
    p1.sayName();
    

      运行结果:

    >   
    > My name is张三

    类表达式


    类表达式是定义类的另外一种方式,就像函数表达式一样,在类表达式中,类名是可有可无的。如果定义了类名,则该类名只有在类体内部才能访问到。

    'use strict';
    // 匿名类表达式
    var Polygon = class {
      constructor(height, width) {
        this.height = height;
        this.width = width;
      }
    };
     
    // 命名类表达式
    var Polygon = class Polygon {
      constructor(height, width) {
        this.height = height;
        this.width = width;
      }
    };
    

      

    构造函数


      类的成员需要定义在一对花括号 {} 里,花括号里的代码和花括号本身组成了类体。类成员包括类构造器和类方法(包括静态方法和实例方法)。

      class 根据 constructor 方法来创建和初始化对象。

      constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类只能有一个constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加。

    constructor() {}
    

      constructor方法默认返回实例对象(即this),完全可以指定返回另外一个对象。

    'use strict';
    class Foo {
      constructor() {
        return Object.create(null);
      }
    }
    console.log(new Foo() instanceof Foo);
    运行结果:
    >   
    > false
    

      

    上面代码中,constructor函数返回一个全新的对象,结果导致实例对象不是Foo类的实例。

      constructor 方法是一个特殊的类方法,它既不是静态方法也不是实例方法,它仅在实例化一个类的时候被调用。一个类只能拥有一个名为 constructor 的方法,否则会抛出 SyntaxError 异常。

    严格模式

    类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中,就只有严格模式可用。

    静态方法


    static关键字定义了一个类的静态方法。静态方法被称为无需实例化类也可当类被实例化。静态方法通常用于为应用程序创建实用函数。

    示例

    'use strict';
    class Point {
        constructor(x, y) {
            this.x = x;
            this.y = y;
        }
    
        static distance(a, b) {
            const dx = a.x - b.x;
            const dy = a.y - b.y;
    
            return Math.sqrt(dx*dx + dy*dy);
        }
    }
    
    const p1 = new Point(5, 5);
    const p2 = new Point(10, 10);
    
    console.log(Point.distance(p1, p2));
    

      

    使用 extends 关键字创建子类


    extends 关键字可以用来创建继承于某个类的子类。

    这个例子是根据名为Animal类创建一个名为Dog的类。

    'use strict';
    class Person{
    
      constructor(name){
      
        this.name = name;
        
      }
      
      sayName(){
      
        console.log('My name is'+this.name);
      
      }
      
    }
    
    class Tom extends Person{
    
      sayName(){
      
        console.log('My name is'+this.name);
      
      }
      
    }
    
    var tom = new Tom('tt');
    tom.sayName();
    
    
    运行结果:
    
    >   
    > My name istt
    

      















  • 相关阅读:
    JS中parseInt()、Numer()深度解析
    如何写好.babelrc?Babel的presets和plugins配置解析
    懒加载和预加载
    vuex 的基本使用之Module
    vue 错误分析
    PrintWriter 和 Scanner 类的组合使用
    FileReader类和FileWriter类的基本用法示例
    Android SDK下载和更新失败的解决方法
    IntelliJ IDEA 14.x 创建工作空间与多个Java Web项目
    IntelliJ IDEA 14.x 与 Tomcat 集成,创建并运行Java Web项目
  • 原文地址:https://www.cnblogs.com/airycode/p/6364873.html
Copyright © 2020-2023  润新知