创建对象的三种方式

202 阅读2分钟

一、利用字面量创建对象

对象字面量(Object Literal):

  • 使用花括号 {} 来定义对象,并使用键值对的形式来设置对象的属性和对应的值。键是属性名称,值可以是任意 JavaScript 数据类型,包括数字、字符串、布尔值、数组、函数等。
  • 语法:
    const person = {
      name: 'John',
      age: 25,
      isStudent: true,
    };
    

二、利用 new Object 创建对象

基本语法:

            const obj = new Object({ name:"佩奇"})
            console.log(obj) // {name:'佩奇'}

三、利用构造函数创建对象

  • 构造函数: 构造函数是用于创建和初始化对象的特殊函数。它们通常与 new 关键字一起使用,用于创建新的对象实例
  • 构造函数的命名通常以大写字母开头,以便与普通函数进行区分。构造函数定义了对象的初始状态和行为,可以为对象添加属性和方法,并可以在创建对象时接收参数。

使用构造函数创建对象的过程如下:

  1. 定义构造函数:使用 function 关键字定义一个函数,该函数将作为构造函数。构造函数可以包含参数,用于接收在创建对象时传递的初始化数据。
        function Person(name, age) {
          this.name = name;
          this.age = age;
        }

  1. 创建对象实例:使用 new 关键字和构造函数调用,创建新的对象实例。通过调用构造函数,会创建一个空对象,并将该对象的内部指针(this)指向新创建的对象。
const person1 = new Person('John', 25);

  1. 初始化对象属性:在构造函数内部,使用 this 关键字来引用当前创建的对象实例,并为其添加属性和方法。这些属性和方法将成为新对象实例的一部分。
function Person(name, age) {
  this.name = name;
  this.age = age;

  this.greet = function() {
    console.log('Hello, my name is ' + this.name);
  };
}

  • 通过构造函数创建的对象实例可以访问构造函数中定义的属性和方法,每个对象实例都是独立的,拥有自己的属性和方法。
  • 构造函数的使用允许在创建对象时进行初始化,并为每个对象实例提供相同的属性和方法。它们是面向对象编程中常用的概念之一,用于创建具有共同特征和行为的对象。

小结:

  1. 构造函数,相当于是一个模板,通过这个构造函数,可以创建出一系列具有相同属性和方法的对象。
  2. 实例化:通过构造函数,创建对象的过程叫做实例化 ==> new一个对象的过程
  3. 实例:具体的实际的例子,实际的那个对象 实例/实例对象