首页 / ES6 / es6的class关键字与es5的构造函数

es6的class关键字与es5的构造函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了es6的class关键字与es5的构造函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1000字，纯文字阅读大概需要2分钟。

内容图文

todo

构造函数：

            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);

console.log(p)
console.log(p.toString)

效果等同于

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

var p = new Point(1, 2);

console.log(p)
console.log(p.toString)

但是意义不一样，前者定义在生成对象的原型链中；
后者直接定义在属性中

 

结果：

技术分享图片

技术分享图片

 

可见：

1、构造函数也是一个普通函数，创建方式和普通函数一样，但构造函数习惯上首字母大写

2、构造函数和普通函数的区别在于：调用方式不一样。作用也不一样（构造函数用来新建实例对象）

3、调用方式不一样。
    a. 普通函数的调用方式：直接调用 person();
    b.构造函数的调用方式：需要使用new关键字来调用 new Person();

4、构造函数的函数名与类名相同：Person( ) 这个构造函数，Person 既是函数名，也是这个对象的类名

5、内部用this 来构造属性和方法

class：

ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用 ES6 的class改写，就是下面这样。

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

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

 

原文：https://www.cnblogs.com/wangtong111/p/11326412.html

内容总结

以上是互联网集市为您收集整理的es6的class关键字与es5的构造函数全部内容，希望文章能够帮你解决es6的class关键字与es5的构造函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1108202.html

来源：【匿名】