编程笔记 html5&css&js 073 JavaScript Object数据类型

JavaScript 中的 Object 数据类型是该语言中最复杂也最灵活的数据类型之一，它是其他所有内置对象和用户自定义对象的基础。在 JavaScript 中，几乎任何东西都可以视为对象，包括函数、数组甚至是基本数据类型（通过包装对象）。

一、创建 Object

1. 使用构造函数创建：

   // 使用 new 关键字调用 Object 构造函数创建一个空对象
   let obj1 = new Object();
   // 或者带初始属性
   let obj2 = new Object({ name: 'Alice', age: 30 });
   
   // 等同于
   let obj3 = {};
   // 带初始属性
   let obj4 = { name: 'Bob', age: 35 };
   1
   2
   3
   4
   5
   6
   7
   8
   9

2. 使用对象字面量创建：
   这是最常见也是最简洁的创建对象的方式，直接用花括号包裹属性名与对应的值。

   let person = {
     firstName: 'John',
     lastName: 'Doe',
     address: {
       street: '123 Main St.',
       city: 'Anytown',
       country: 'USA'
     },
     getFullName: function() {
       return this.firstName + ' ' + this.lastName;
     }
   };
   
   console.log(person.getFullName()); // 输出 "John Doe"
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14

二、Object 类型的属性与方法

• constructor：每个对象实例都有一个 constructor 属性，它指向用于创建该对象的函数引用。

  console.log(person.constructor); // 输出：ƒ Object() { [native code] }
  1

• hasOwnProperty(propertyName)：用于检查对象自身（不包括原型链）是否具有指定名称的属性。

  console.log(person.hasOwnProperty('firstName')); // 输出：true
  1

• isPrototypeOf(object)：这个方法不是在对象实例上调用，而是在构造函数或任何父级对象上调用，以检查传入的对象是否是其原型链的一部分。

  function Person(name) {
    this.name = name;
  }
  
  let john = new Person('John');
  console.log(Person.prototype.isPrototypeOf(john)); // 输出：true
  1
  2
  3
  4
  5
  6

• propertyIsEnumerable(propertyName)：检查给定的属性是否可枚举。

  console.log(person.propertyIsEnumerable('firstName')); // 输出：true
  1

• toLocaleString()：返回对象的字符串表示形式，通常依据本地化环境来格式化。

  let dateObj = new Date();
  console.log(dateObj.toLocaleString()); // 输出当前日期时间的本地化格式
  1
  2

此外，Object 类型还提供了诸如 toString()、valueOf()、getOwnPropertyDescriptor()、getPrototypeOf()、keys()、values() 和 entries() 等方法，以及 ECMAScript 6 引入的 Object.assign()、Object.create()、Object.defineProperties()、Object.defineProperty() 等更高级的方法，用于操作对象属性和原型链。

三、示例

let myObject = {
  a: 1,
  b: 'two',
  c: true,
  method: function() {
    console.log('Method called on the object!');
  }
};

// 添加动态属性
myObject.d = [1, 2, 3];

// 检查属性存在性
console.log(myObject.hasOwnProperty('a')); // 输出：true
console.log(myObject.propertyIsEnumerable('b')); // 输出：true

// 调用对象上的方法
myObject.method(); // 在控制台输出 'Method called on the object!'

// 获取对象的所有可枚举属性名
console.log(Object.keys(myObject)); // 输出：[ 'a', 'b', 'c', 'method', 'd' ]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

四、参考

JavaScript 中的 Object 类型和 C++ 语言中的 object（或类）在概念和实现上有很大的不同，主要区别如下：

1. 定义与本质：

   • JavaScript：在 JavaScript 中，Object 是所有对象的基础类型。每个非原始值都是一个 Object 或是其原型链上的某个对象的实例。这意味着数组、函数、日期等都继承自 Object 原型。在 JavaScript 中，你创建的任何自定义对象也是基于 Object 构造函数的。
   • C++：C++ 是一种静态类型语言，它有类(class)的概念，类是对一组具有相同特征和行为的对象的抽象描述。当你定义一个类时，可以声明成员变量（属性）和成员函数（方法）。C++ 中没有内置的 object 类，但所有的类实例都可以看作是对象。

2. 动态性与静态性：

   • JavaScript：JavaScript 对象是动态的，可以在运行时添加或删除属性，并且支持原型继承（基于原型链的继承机制）。
   • C++：C++ 的对象结构在编译时就已经确定，属性和方法必须在类定义时指定，不能像 JavaScript 那样动态地增加或删除成员。C++ 使用的是类继承机制，子类在编译时就必须明确其父类。

3. 内存管理：

   • JavaScript：JavaScript 引擎自动管理对象的生命周期，通过垃圾回收机制来释放不再使用的对象所占用的内存。
   • C++：C++ 不提供自动垃圾回收机制，程序员需要手动管理对象的内存分配与释放，可以通过构造函数/析构函数、new/delete运算符或者智能指针等方式进行内存管理。

4. 类型系统：

   • JavaScript：JavaScript 是弱类型语言，对象的类型检查较为灵活，变量可以动态改变类型，typeof操作符返回“object”表示非原始类型的值，包括自定义对象和内置对象实例。
   • C++：C++ 是强类型语言，每个对象都有固定的类型，类型转换需要显式进行，编译器会在编译阶段执行严格的类型检查。

5. 实例化方式：

   • JavaScript：使用字面量语法或 new 关键字调用构造函数来创建对象实例。
   • C++：使用 new 关键字结合类名来创建对象实例，也可以通过栈上直接定义（对于局部小对象）或在堆上动态分配。

6. 面向对象特性：

   • JavaScript：尽管不是纯面向对象语言，但提供了封装（通过闭包）、继承（通过原型链或ES6的class关键字）和多态（通过原型委托和函数重载）等功能。
   • C++：全面支持面向对象编程的所有基本特性，包括封装（通过访问修饰符public, private, protected）、继承（通过class派生）、多态（通过虚函数和抽象类）等。同时C++还支持运算符重载等其他面向对象语言不一定具有的特性。

小结

数据类型的概念与定义在不同语言中的区别较大，如果以后学习其他编程语言时注意区分。