ES5 与 ES6 创建对象的写法

一只可爱的圆

已于 2022-04-13 19:10:45 修改

阅读量403

点赞数

分类专栏： js 对象文章标签：前端 javascript

于 2022-04-12 00:29:12 首次发布

本文链接：https://blog.csdn.net/Winnie438372/article/details/124113317

版权

js 对象专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客探讨了ES5和ES6在创建对象时的不同方法，指出ES6的写法提供了更清晰的原型表示，更接近面向对象编程的语法。

摘要由CSDN通过智能技术生成

ES5创建对象

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHi = function () {
  console.log("hello, 我是" + this.name); 
};

var p = new Person("Lily", 17);
console.log(p); //  =>  Person{
                      // age: 17
                      // name: "Lily"}
                      
      p.sayHi(); // => hello,我是Lily

ES6创建对象

####优点：对象原型的写法更加清晰、更像面向对象编程的语法。

class Person {   //引入class (类）概念  作为 对象的横版
  constructor(name, age) {  //原型上定义 name,age
    this.name = name;         //this 的指向是当前创建的对象
  	this.age = age;
  }

  sayHi() {      //方法不需要写function
 	console.log("hello, 我是" + this.name);
  };
}

var p = new Person("lw", 36);
p.sayHi();