美文网首页
ES6总结 13-类与对象

ES6总结 13-类与对象

作者: 辣瓜瓜 | 来源:发表于2019-05-07 22:25 被阅读0次

ES6学习总结是自己在学习过程中的总结,记笔记就是为了督促自己学习和复习,好记性不如烂笔头。如果有错误,感谢指出。

基本语法

{
  // 基本定义和生成实例
  class Parent{
    constructor(name='mukewang'){//构造器,初始化一些参数
      this.name=name;
    }
  }
  let v_parent=new Parent('v');
  console.log('构造函数和实例',v_parent);
}

类的继承

this在super之后,super在第一行

{
  // 继承传递参数
  class Parent{
    constructor(name='mukewang'){
      this.name=name;
    }
  }

  class Child extends Parent{
    constructor(name='child'){
      super(name);
      this.type='child';
    }
  }

  console.log('继承传递参数',new Child('hello'));
}

getter setter

{
  // getter,setter
  class Parent{
    constructor(name='mukewang'){
      this.name=name;
    }
  //注意下面的longName是属性而不是方法
    get longName(){
      return 'mk'+this.name
    }

    set longName(value){
      this.name=value;
    }
  }

  let v=new Parent();
  console.log('getter',v.longName);
  v.longName='hello';
  console.log('setter',v.longName);
}

静态方法

静态方法通过类调用,不通过类的实例去调用,相当于es5中的私有方法

{
  // 静态方法 使用static声明 
  class Parent{
    constructor(name='mukewang'){
      this.name=name;
    }

    static tell(){
      console.log('tell');
    }
  }

  Parent.tell();

}

静态属性

{
  // 静态属性 直接类名通过.来声明一个静态属性
  class Parent{
    constructor(name='mukewang'){
      this.name=name;
    }

    static tell(){
      console.log('tell');
    }
  }

  Parent.type='test';

  console.log('静态属性',Parent.type);


}




















相关文章

  • ES6总结 13-类与对象

    ES6学习总结是自己在学习过程中的总结,记笔记就是为了督促自己学习和复习,好记性不如烂笔头。如果有错误,感谢指出。...

  • JS基础:面向对象编程

    目录一. 类与对象 1. ES5里的构造函数(constructor)与对象的生成 2. ES6里的类(class...

  • ES6

    ES6是一个语言标准,不是一个框架。 ES6中的class与继承 class是创建类对象与实现类继承的语法糖,旨在...

  • ES6类与对象

    1.ES5创建类 1.ES6创建类

  • day06-前端面试技巧-(面向对象)

    类与实例: 类的声明es5: es6中class的声明 生成实例实例类的对象(es5和es6的实例化方式是一样的)...

  • python自定义功能之面向对象

    本章主要内容 类与对象 定义和使用类 类的属性和方法 类的继承 类的方法重载 总结: python中的类与对象与J...

  • JavaScript 面向对象编程

    写法 ES6面向对象的写法---类继承

  • JavaScript-13 ES6和对象

    ES6类和对象 在ES6之前如果定义一个类? 通过构造函数来定义一个类 在ES6之前定义类就是构造函数,静态属性和...

  • ES6时代的JavaScript面向对象编程

    ES6时代的JavaScript面向对象编程 ES6带来的类语法糖 类的定义 ES6支持了class,extend...

  • 原型与原型链详解

    前言 与大部分面向对象语言不同,ES6之前并没有引入类(class)的概念,JavaScript并非通过类而是直接...

网友评论

      本文标题:ES6总结 13-类与对象

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