JS中对象和类的区别

1. 对象

1.1 对象的概念

什么是对象？

在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。

• 属性：事物的特征，在对象中用属性来表示（常用名词）
• 方法：事物的行为，在对象中用方法来表示（常用动词）

1.2 创建对象的三种方式

1.2.1 利用字面量创建对象

var star = { name : 'pink', age : 18, sex : '男', sayHi : function(){ alert('大家好啊~'); } };

• 访问对象的属性

console.log(star.name) // 调用名字属性
console.log(star['name']) // 调用名字属性

• 调用对象的方法

star.sayHi(); // 调用 sayHi 方法,注意，一定不要忘记带后面的括号

1.2.2 利用 new Object 创建对象

通过内置构造函数Object创建对象，此时andy变量已经保存了创建出来的空对象

• 创建空对象

var andy = new Obect();

• 给空对象添加属性和方法

andy.name = 'pink'; andy.age = 18; andy.sex = '男'; andy.sayHi = function(){ alert('大家好啊~'); }

• 构造函数
  • 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。
  • 构造函数的封装格式：

function 构造函数名(形参1,形参2,形参3) {
 this.属性名1 = 参数1; 
this.属性名2 = 参数2;
 this.属性名3 = 参数3;
 this.方法名 = 函数体; 
}

• 构造函数的调用格式

var obj = new 构造函数名(实参1，实参2，实参3)

2. 类

在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象 。

2.1 创建类

• 语法:

//步骤1 使用class关键字
class name {
  // class body
}     
//步骤2使用定义的类创建实例  注意new关键字
var xx = new name();   

2.2 类创建添加属性和方法

 // 1. 创建类 class  创建一个类
class Star {
    // 类的共有属性放到 constructor 里面 constructor是 构造器或者构造函数
    constructor(uname, age) {
      this.uname = uname;
      this.age = age;
    }//------------------------------------------->注意,方法与方法之间不需要添加逗号
    sing(song) {
      console.log(this.uname + '唱' + song);
    }
}
// 2. 利用类创建对象 new
var ldh = new Star('刘德华', 18);
console.log(ldh); // Star {uname: "刘德华", age: 18}
ldh.sing('冰雨'); // 刘德华唱冰雨

类和构造函数的含义是基本相同的，创建方法相似。都可以用类或者构造函数创建对象。