ES6 class 技术点拾遗

时间：2018-12-27 03:09:34 阅读：137 评论：0 收藏：0 [点我收藏+]

标签：数位 bubuko png rop 分享图片 xtend 函数 1.5 图片

语法

技术分享图片

方法不需要加function，方法之间不需要加分号

class Point {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }

    toString() {
        return ‘(‘ + this.x + ‘, ‘ + this.y + ‘)‘;
    }
    getX() {
        return this.x;
    }
}

类的prototype

类的方法都定义在prototype上，但是是不可以枚举的。

class Point {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }

    toString() {
        return ‘(‘ + this.x + ‘, ‘ + this.y + ‘)‘;
    }
    getX() {
        return this.x;
    }
}
Point.prototype.aa = function (){}
console.log(Object.keys(Point.prototype))
//输出[‘aa‘]

静态方法

静态方法的this指向类，而不是示例
静态方法可以和实力方法重名
父类的静态方法可可以被子类继承
class内部只有静态方法，而没有静态属性

class Foo {
  static bar () {
    this.baz();
  }
  static baz () {
    console.log(‘hello‘);
  }
  baz () {
    console.log(‘world‘);
  }
}

Foo.bar() // hello
// 以下两种写法都无效
class Foo {
  // 写法一
  prop: 2

  // 写法二
  static prop: 2
}

Foo.prop // undefined

继承

使用extends关键字实现继承
使用super调用父类的构造函数
super函数必须在子类的构造函数中调用,否则会报错。
super函数位于子类构造函数的第一行！因为子类的this必须先通过父类的构造函数完成构造。不调用super方法，子类就得不到this对象。也就是说子类若是有构造函数的话，构造函数的第一行必须是super。
super当做函数使用时，即super()，只能用在子类的构造函数中。当做对象使用时，即super.方法(),指向父类的原型对象（在静态方法中指向父类），此时注意是调用父类原型上的方法（或者父类的静态方法），而不是实例方法；同时this指向子类的实例。

class ColorPoint extends Point {
  constructor(x, y, color) {
    super(x, y); // 调用父类的constructor(x, y)
    this.color = color;
  }

  toString() {
    return this.color + ‘ ‘ + super.toString(); // 调用父类的toString()
  }
}

ES6 class 技术点拾遗

标签：数位 bubuko png rop 分享图片 xtend 函数 1.5 图片

原文地址：https://www.cnblogs.com/mengfangui/p/10060249.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行