美文网首页
ECMAScript 6面向对象

ECMAScript 6面向对象

作者: 竹小星 | 来源:发表于2017-07-24 23:15 被阅读5次

ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。

定义类:

class Parent{                     
  constructor(name,age){            // 类里自带的构造方法
    this.name = name;               // this是实例对象
    this.age = age;                 // 设置属性
  }
  play(){                           // 设置方法
    alert('我叫'+this.name);
  }
}

ES6 的类相当于构造函数的另一种写法

class Parent{
  // ...
}
typeof Parent           // "function"

类的数据类型是函数,也就是指向构造函数。

继承:

Class 可以通过extends关键字实现继承

class Child extends Parent{
  constructor(name,age){            
    super(name,age);        // 继承父级的属性, 
    this.sex = sex;         // 子类没有自己的this对象,而是继承父类的this对象,进行加工
  }
  showSex({
    alert('我是'+this.sex+'的')
  })
}

相关文章

  • ECMAScript 6面向对象

    ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定...

  • ECMAScript 面向对象

    一、ECMAScript 面向对象技术 1、面向对象语言的要求 一种面向对象语言需要向开发者提供四种基本能力: 封...

  • JavaScript之对象

    什么是面向对象: ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语...

  • ECMAScript 6——对象

    1.属性的简洁表示法 广泛的应用于写对象时对象的属性书写简化 需要注意的点是: 1.属性名表达式与简洁表示法,不能...

  • 02.ECMAScript面向对象

    Javascript入门 字符串 1.字符串的创建 1.1 字面量 1.2 使用构造方法 注意: 使用字面量创建的...

  • 2018-11-07

    《ECMAScript 6》学习笔记 参考:阮一封ECMAScript 6 一、Promise对象 1. stac...

  • 理解JS的面向对象,理解new,new之后都做了什么

    ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就...

  • 面向对象不得不说二三事(1)

    1、ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,...

  • JS面向对象、JQuery选择器

    ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就...

  • 面向对象与原型

    ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是...

网友评论

      本文标题:ECMAScript 6面向对象

      本文链接:https://www.haomeiwen.com/subject/kzjikxtx.html