美文网首页重学es6
class讲解之1 演变

class讲解之1 演变

作者: zhang463291046 | 来源:发表于2020-08-05 19:01 被阅读0次

以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许,不准作为商业用途

es5写法

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

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

es6写法

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

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

由上可知,ES6 的类完全可以看作构造函数的另一种写法。如下

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

  toString() {
    // ...
  }

  toValue() {
    // ...
  }
}

// 等同于

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

图解

image.png

相关文章

  • class讲解之1 演变

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

  • 深入了解runtime

    iOS经典讲解之[self class]和[super class]的区别 iOS的消息机制和消息转发 Objec...

  • iOS runtime 方法查找讲解原理,[self class

    iOS runtime 方法查找讲解原理,[self class],[super class] isa 指针: 1...

  • class讲解之2 实例

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

  • class讲解之10 super

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

  • class讲解之9 继承

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

  • 热修复/插件化/组件化-Andfix/Tinker源码简单解读及

    一、知识详解模块 1.dex/class深入讲解 2.jvm/dvm/art三个虚拟机的深入讲解 3.class ...

  • 2020-06-24

    日式剪发技术之从BG演变出的发型 在日式剪发技术中,由北京辉艺美发学院的刘辉老师为大家讲解从BG演变...

  • iOS NSCondition详解

    iOS NSCondition讲解 1.定义 官方文档:The NSCondition class impleme...

  • class讲解之6 静态属性

    以下内容是引用或者借鉴别人的,自己只是做个笔记,方便学习。理解错误的地方,欢迎评论。如有侵权,私聊我删除,未经允许...

网友评论

    本文标题:class讲解之1 演变

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