威尼斯人线上娱乐

连锁概念与用法分析,继承的含义和操作

26 3月 , 2019  

威尼斯人线上娱乐,类继承:

一连的意思和操作

Class基本语法

正文实例讲述了ES6新特征之类(Class)和接二连三(Extends)相关概念与用法。分享给我们供大家参考,具体如下:

后续的想法在于,充份利用已有类的机能,在其基础上来扩大来定义新的类。

前几日上学了面向对象的后续意义和一部分操作,继承,分为父类和子类,父类的有些公共数据都得以让子类实行利用,而私有化的数额,子类将不能够采纳。Class
Person()与class Man(Person)那样就是Class Man(Person)是Class
Person的子类,父类Class
Person中的公共数据,都得以让子类进行利用,等于是将父类的数据赋值给子类,通过内部存款和储蓄器地址举办连接,继承还有多一连,三个父类能够被八个子类继承,下落了代码的重复使用,使代码尤其的简短。

概述

JavaScript语言的观念办法是透过构造函数,定义并生成新对象。下边是3个事例。

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类除了构造方法,还定义了3个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)

 

后续是面向对象的贰个格外重庆大学的特色,通过一个档次对另2个档次的持续,能够使代码重复使用,同时也抓好了代码的效果上的恢弘,继承的语法使用Class,在Python中,一切皆对象,都足以平昔或然直接的去继承(object)对象

constructor方法

constructor主意是类的暗中同意方法,通过new一声令下生成对象实例时,自动调用该措施。二个类必须有constructor方法,要是没有显式定义,2个空的constructor形式会被默许添加。

constructor办法私下认可重回实例对象(即this),完全能够钦点再次来到此外3个对象。

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

new Foo() instanceof Foo
// false

上边代码中,constructor函数重回1个全新的靶子,结果造成实例对象不是Foo类的实例。

1.基本语法

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的原始定义,影响到具备实例。

JavaScript语言的观念办法是经过构造函数,定义并生成新对象。上边是3个例证

被连续的类称为父类,继承的类称为子类,二个父类,能够有多少个子类;

子类是持续父类的,然而子类也得以重复定义父类的留存的法子,那名叫重写,重写展现了子类的独立性还有可变性,也叫做(多态),方法重写有多少个标准1:继承的关联。2:父类存在的主意。3:子类重新定义

name属性

出于精神上,ES6的Class只是ES5的构造函数的一层包装,所以函数的重重特点都被Class继承,蕴含name属性。

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

name属性总是回到紧跟在class要害字背后的类名。

function Point(x, y) {
  this.x = x;
  this.y = y;
}
Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};
var p = new Point(1, 2);

子类,一旦一连父类,就具备了父类的属性与艺术,依据要求能够实行增加和删除改。

本人对一而再的接头正是,父类中的方法和总体性有很多,可是子类只关心须要的办法和性质,父类中存放的一般都以一些集体的始末,提升代码的复用性,子类能够随时继承父类中的公共艺术和剧情。

Class表达式

与函数一样,Class也得以应用表明式的花样定义。

const MyClass = class Me {
  getClassName() {
    return Me.name;
  }
};

位置代码应用表明式定义了2个类。供给注意的是,这几个类的名字是MyClass而不是MeMe只在Class的内部代码可用,指代当前类。

let inst = new MyClass();
inst.getClassName() // Me
Me.name // ReferenceError: Me is not defined

地方代码表示,Me只在Class内部有定义。

一旦Class内部没用到的话,能够不难Me,也正是能够写成上面的花样。

const MyClass = class { /* ... */ };

利用Class表明式,能够写出当下实施的Class。

let person = new class {
  constructor(name) {
    this.name = name;
  }

  sayName() {
    console.log(this.name);
  }
}('张三');

person.sayName(); // "张三"

地点代码中,person是一个立时实施的Class的实例。

ES6提供了更近乎古板语言的写法,引入了Class(类)那个概念,作为对象的沙盘。通过class关键字,可以定义类。基本上,ES6的class能够视作只是四个语法糖,它的大举功效,ES5都能够完毕,新的class写法只是让对象原型的写法越发清楚、更像面向对象编制程序的语法而已。上边的代码用ES6的“类”改写,就是上边那样。

那种做法的第贰利益之一就是代码重用。

延续有几点注意:

不设有变量提高

Class不设有变量进步(hoist),那一点与ES5截然不一致。

new Foo(); // ReferenceError
class Foo {}

上边代码中,Foo类使用在前,定义在后,那样会报错,因为ES6不会把变量声明提高到代码底部。这种规定的来由与下文要涉及的接轨有关,必须确定保证子类在父类之后定义。

//定义类
class Point {
  constructor(x, y) {  //constructor 构造方法
    this.x = x;
    this.y = y;
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}
var p = new Point(1, 2);

 

1.私片段属性,不能够透过对象直接待上访问,可是足以因而艺术来拜访。

Class的继承

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

以身作则代码1:

2.私片段艺术,不能够经过对象直接待上访问。

中央用法

Class之间能够通过extends关键字兑现持续,那比ES5的经过改动原型链达成一而再,要清晰和惠及广大。

class ColorPoint extends Point {}

上边代码定义了贰个ColorPoint类,该类通过extends关键字,继承了Point类的具有属性和措施。不过出于没有布置任何代码,所以那多少个类完全相同,等于复制了三个Point类。下面,我们在ColorPoint其间加上代码。

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

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

地方代码中,constructor方法和toString格局之中,都冒出了super首要字,它在那里表示父类的构造函数,用来新建父类的this对象。

子类必须在constructor方法中调用super方法,不然新建实例时会报错。那是因为子类没有团结的this对象,而是继续父类的this对象,然后对其开始展览加工。假若不调用super方式,子类就得不到this对象。

class Point { /* ... */ }

class ColorPoint extends Point {
  constructor() {
  }
}

let cp = new ColorPoint(); // ReferenceError

地点代码中,ColorPoint三番五次了父类Point,可是它的构造函数没有调用super办法,导致新建实例时报错

2.constructor方法

#*_*coding:utf-8*_*

class perent_class(object):
    def __init__(self,name):
        self.name = name

    def printName(self):
        print('你的名字是:'+self.name)


class child_class(perent_class):
    def __init__(self,name,age):
        super(child_class,self).__init__(name) #初始化类super()函数返回类对象
        self.age = age


if __name__=="__main__":
    child_class('xzdylyh','25').printName()

3.私部分属性,方法不会被子类继承,也不可能被访问。

类的prototype属性和__proto__属性

绝大部分浏览器的ES5落到实处之中,每多少个指标都有__proto__属性,指向对应的构造函数的prototype属性。Class作为构造函数的语法糖,同时有prototype属性和__proto__属性,因而同时设有两条继承链。

(1)子类的__proto__属性,表示构造函数的继承,总是指向父类。

(2)子类prototype属性的__proto__脾性,表示方法的接轨,总是指向父类的prototype属性。

class A {
}

class B extends A {
}

B.__proto__ === A // true
B.prototype.__proto__ === A.prototype // true

地点代码中,子类B__proto__质量指向父类A,子类Bprototype属性的__proto__性情指向父类Aprototype属性。

如此的结果是因为,类的后续是根据上面包车型的士形式达成的。

class A {
}

class B {
}

// B的实例继承A的实例
Object.setPrototypeOf(B.prototype, A.prototype);

// B继承A的静态属性
Object.setPrototypeOf(B, A);

constructor方法是类的暗中认可方法,通过new命令生成对象实例时,自动调用该办法。3个类必须有constructor方法,假使没有显式定义,三个空的constructor方法会被暗中认可添加。

输出

4.貌似景观下,私有的性质,方法都以不对外揭橥的,往往用来做内部的作业,起到安全的左右和遵守

Object.getPrototypeOf()

Object.getPrototypeOf办法能够用来从子类上获得父类。

Object.getPrototypeOf(ColorPoint) === Point
// true

因此,能够利用这一个办法判断,1个类是还是不是持续了另三个类。

二、继承(Extends)

C:\Python27\python.exe D:/weixin/temp/temp.py
你的名字是:xzdylyh

Process finished with exit code 0

�������rz�+��

super关键字

super其一首要字,有二种用法,含义不一样。

(1)作为函数调用时(即super(...args)),super代表父类的构造函数。

(2)作为对象调用时(即super.propsuper.method()),super表示父类。注意,此时super即能够引用父类实例的质量和措施,也能够引用父类的静态方法。

 

Class之间能够通过extends关键字贯彻持续,这比ES5的经过修改原型链完成接二连三,要清楚和方便广大。

 

原生构造函数的存在延续

原生构造函数是指语言内置的构造函数,常常用来生成数据结构。ECMAScript的原生构造函数大约有上面这个。

  • Boolean()
  • Number()
  • String()
  • Array()
  • Date()
  • Function()
  • RegExp()
  • Error()
  • Object()

以前,这几个原生构造函数是无力回天继续的,ES6允许继续原生构造函数定义子类,因为ES6是先新建父类的实例对象this,然后再用子类的构造函数修饰this,使得父类的有所行为都足以再三再四。上面是一个继承Array的例子。

class MyArray extends Array {
  constructor(...args) {
    super(...args);
  }
}

var arr = new MyArray();
arr[0] = 12;
arr.length // 1

arr.length = 0;
arr[0] // undefined

上边代码定义了三个MyArray类,继承了Array构造函数,因而就足以从MyArray生成数组的实例。那意味,ES6能够自定义原生数据结构(比如Array、String等)的子类,这是ES5不可能到位的。

上边这一个事例也表明,extends根本字不仅能够用来继承类,还能够用来继承原生的构造函数。由此得以在原生数据结构的根底上,定义本人的数据结构。

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

当子类与父类下方法一致时,子类会覆盖父类的章程内容;其实那正是一种重写,也是一种多态。

Class的静态方法

类也便是实例的原型,全体在类中定义的法子,都会被实例继承。借使在一个办法前,加上static驷不及舌字,就表示该方法不会被实例继承,而是直接通过类来调用,那就称为“静态方法”。

class Foo {
  static classMethod() {
    return 'hello';
  }
}

Foo.classMethod() // 'hello'

var foo = new Foo();
foo.classMethod()
// TypeError: undefined is not a function

地方代码中,Foo类的classMethod艺术前有static要害字,申明该办法是2个静态方法,能够一贯在Foo类上调用(Foo.classMethod()),而不是在Foo类的实例上调用。要是在实例上调用静态方法,会抛出三个荒唐,表示不设有该办法。

父类的静态方法,能够被子类继承。

class Foo {
  static classMethod() {
    return 'hello';
  }
}

class Bar extends Foo {
}

Bar.classMethod(); // 'hello'

地点代码中,父类Foo有一个静态方法,子类Bar能够调用那几个措施。

静态方法也是能够从super对象上调用的。

地点代码中,constructor方法和toString方法之中,都现身了super关键字,它在那边代表父类的构造函数,用来新建父类的this对象。

new.target属性

new是从构造函数生成实例的授命。ES6为new命令引入了二个new.target品质,(在构造函数中)再次来到new指令功用于的要命构造函数。就算构造函数不是由此new命令调用的,new.target会返回undefined,由此这些本性能够用来鲜明构造函数是怎么调用的。

 

子类必须在constructor方法中调用super方法,不然新建实例时会报错。那是因为子类没有协调的this对象,而是继续父类的this对象,然后对其开展加工。假诺不调用super方法,子类就得不到this对象。

叁 、原生构造函数继承

原生构造函数是指语言内置的构造函数,平日用来生成数据结构。ECMAScript的原生构造函数差不离有上面那么些。在此以前,那个原生构造函数是心有余而力不足继续的。

Boolean()
Number()
String()
Array()
Date()
Function()
RegExp()
Error()
Object()

ES6允许继续原生构造函数定义子类,因为ES6是先新建父类的实例对象this,然后再用子类的构造函数修饰this,使得父类的具有行为举止都能够继续。上面是一个继承Array的例子。

class MyArray extends Array {
  constructor(...args) {
    super(...args);
  }
}
var arr = new MyArray();
arr[0] = 12;
arr.length // 1
arr.length = 0;
arr[0] // undefined

下边代码定义了一个MyArray类,继承了Array构造函数,因而就足以从MyArray生成数组的实例。那表示,ES6足以自定义原生数据结构(比如Array、String等)的子类,那是ES5不可能形成的。

四、Class的Generator方法

即使有个别方法此前拉长星号(*),就表示该办法是八个Generator函数。

class Foo {
  constructor(...args) {
    this.args = args;
  }
  * [Symbol.iterator]() {
    for (let arg of this.args) {
      yield arg;
    }
  }
}
for (let x of new Foo('hello', 'world')) {
  console.log(x);
}
// hello
// world

上边代码中,Foo类的Symbol.iterator方法前有1个星号,表示该办法是贰个Generator函数。Symbol.iterator方法重回2个Foo类的默许遍历器,for…of循环会自动调用那些遍历器。

5、Class的静态方法

类约等于实例的原型,全体在类中定义的点子,都会被实例继承。就算在二个方法前,加上static关键字,就意味着该方式不会被实例继承,而是平素通过类来调用,那就称为“静态方法”。

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function

下边代码中,Foo类的classMethod方法前有static关键字,注明该情势是二个静态方法,能够直接在Foo类上调用(Foo.classMethod()),而不是在Foo类的实例上调用。假诺在实例上调用静态方法,会抛出二个错误,表示不设有该形式。

父类的静态方法,能够被子类继承。

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'

上面代码中,父类Foo有一个静态方法,子类Bar能够调用那个法子。

更加多关于JavaScript相关内容感兴趣的读者可查阅本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技能计算》、《JavaScript字符与字符串操作技能计算》、《JavaScript数据结构与算法技巧计算》、《JavaScript错误与调节技巧总括》及《JavaScript数学生运动算用法总括》

希望本文所述对我们JavaScript程序设计有着匡助。

你或者感兴趣的篇章:

  • ES6
    javascript中class类的get与set用法实例分析
  • ES6中Class类的静态方法实例小结
  • ES6中class类用法实例浅析
  • 新瓶装旧酒ES6中的类
  • ES6新特点之Symbol类型用法分析
  • JavaScript中 ES6
    generator数据类型详解
  • 浓密浅析ES6 Class 中的 super
    关键字
  • ES6入门教程之Class和Module详解
  • JavaScript
    ES6中CLASS的应用详解
  • JavaScript
    ES6的新特色应用新方式定义Class
  • ES6
    javascript中Class类继承用法实例详解


相关文章

发表评论

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

网站地图xml地图