普通对象与函数对象——JS万物皆对象的真谛

2023-09-23 23:24:11

普通对象与函数对象：深入解析 JavaScript 中的基本对象

在 JavaScript 世界中，一切皆对象。理解不同类型对象之间的差异至关重要，其中普通对象和函数对象是最基本的两类。在这篇文章中，我们将深入探讨它们之间的区别，涵盖创建、属性、方法和继承等主题。

普通对象

顾名思义，普通对象是通过使用 "{}" 大括号创建的。它们是一系列键值对的集合，其中键是字符串，而值可以是任何数据类型。普通对象通常用于存储数据和定义方法，是 JavaScript 中应用最广泛的数据结构之一。

创建方式：

const person = {
  name: "John Doe",
  age: 30,
  sayHello: function() {
    console.log("Hello, world!");
  },
};

属性和方法：

普通对象的属性是通过属性名访问的，而方法则是定义在对象内的函数，可通过属性名调用。

console.log(person.name); // John Doe
person.sayHello(); // 输出: Hello, world!

函数对象

函数对象使用 "function" 创建，包含函数的代码。与普通对象不同，函数对象不是存储数据的容器，而是可执行的代码块。

创建方式：

function greet() {
  console.log("Hello, world!");
}

属性和方法：

函数对象的属性与函数对象本身有关，而方法则是定义在函数对象内的函数。

console.log(greet.name); // greet
greet(); // 输出: Hello, world!

继承

普通对象和函数对象都支持继承，这是一种将一个对象的属性和方法传递给另一个对象的机制。

普通对象的继承：

const parent = {
  name: "Parent",
  sayHello: function() {
    console.log("Hello from parent!");
  },
};

const child = Object.create(parent);
child.name = "Child";

函数对象的继承：

function Parent() {
  this.name = "Parent";
  this.sayHello = function() {
    console.log("Hello from parent!");
  };
}

function Child() {
  Parent.call(this);
  this.name = "Child";
}