金沙js333娱乐场es6学习笔记12–Class

类继承:

继承的意义和操作

Class基本语法

继承的想法在于,充份利用已有类的功能,在其基础上来扩展来定义新的类。

今天学习了面向对象的继承意义和一些操作,继承,分为父类和子类,父类的一些公共数据都可以让子类进行使用,而私有化的数据,子类将不能使用。Class
Person()与class Man(Person)这样就是Class Man(Person)是Class
Person的子类,父类Class
Person中的公共数据,都可以让子类进行使用,等于是将父类的数据赋值给子类,通过内存地址进行连接,继承还有多继承,一个父类可以被多个子类继承,降低了代码的重复使用,使代码更加的简洁。

概述

JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子。

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

Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};

上面这种写法跟传统的面向对象语言(比如C++和Java)差异很大,很容易让新学习这门语言的程序员感到困惑。

ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用ES6的“类”改写,就是下面这样。

//定义类
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

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

上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,而this关键字则代表实例对象。也就是说,ES5的构造函数Point,对应ES6的Point类的构造方法。

Point类除了构造方法,还定义了一个toString方法。注意,定义“类”的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了。另外,方法之间不需要逗号分隔,加了会报错。

构造函数的prototype属性,在ES6的“类”上面继续存在。事实上,类的所有方法都定义在类的prototype属性上面

class Point {
  constructor(){
    // ...
  }

  toString(){
    // ...
  }

  toValue(){
    // ...
  }
}

// 等同于

Point.prototype = {
  toString(){},
  toValue(){}
};

在类的实例上面调用方法,其实就是调用原型上的方法。

class B {}
let b = new B();

b.constructor === B.prototype.constructor // true

类的内部所有定义的方法,都是不可枚举的(non-enumerable)。

 

继承是面向对象的一个非常重要的特征,通过一个类型对另一个类型的继承,可以使代码重复利用,同时也提高了代码的功能上的扩展,继承的语法使用Class,在Python中,一切皆对象,都可以直接或者间接的去继承(object)对象

constructor方法

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

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

class Foo {
  constructor() {
    return Object.create(null);
  }
}

new Foo() instanceof Foo
// false

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

Parent Class(父类)
与 Child Class(子类):

父类,就是被继承的类,称为父类,基类,超类。子类是继承了父类的类,称为子类,或者派生类。子类从父类继承公共的属性和公共方法,不能继承私有化的数据,子类可以继承父类,父类还可以继续继承父类。一个子类可以同时继承多个父类,同理可以使用多个父类的公共属性和公共方法,如果父类中出现相同的属性和方法的话,使用_mro_来查看优先继承权,继承中父类尽量不要用重复的属性和方法。

类的实例对象

生成类的实例对象的写法,与ES5完全一样,也是使用new命令。如果忘记加上new,像函数那样调用Class,将会报错。

// 报错
var point = Point(2, 3);

// 正确
var point = new Point(2, 3);

与ES5一样,实例的属性除非显式定义在其本身(即定义在this对象上),否则都是定义在原型上(即定义在class上)。

与ES5一样,类的所有实例共享一个原型对象。

这也意味着,可以通过实例的__proto__属性为Class添加方法。

var p1 = new Point(2,3);
var p2 = new Point(3,2);

p1.__proto__.printName = function () { return 'Oops' };

p1.printName() // "Oops"
p2.printName() // "Oops"

var p3 = new Point(4,2);
p3.printName() // "Oops"

上面代码在p1的原型上添加了一个printName方法,由于p1的原型就是p2的原型,因此p2也可以调用这个方法。而且,此后新建的实例p3也可以调用这个方法。这意味着,使用实例的__proto__属性改写原型,必须相当谨慎,不推荐使用,因为这会改变Class的原始定义,影响到所有实例。

被继承的类称为父类,继承的类称为子类,一个父类,可以有多个子类;

子类是继承父类的,但是子类也可以重新定义父类的存在的方法,这称之为重写,重写体现了子类的独立性还有可变性,也称之为(多态),方法重写有三个条件1:继承的关系。2:父类存在的方法。3:子类重新定义

name属性

由于本质上,ES6的Class只是ES5的构造函数的一层包装,所以函数的许多特性都被Class继承,包括name属性。

class Point {}
Point.name // "Point"

name属性总是返回紧跟在class关键字后面的类名。

发表评论

电子邮件地址不会被公开。 必填项已用*标注