ES5 扩展：对象保护、数组增强、继承和函数绑定

2023-11-20 12:02:52

JS 旅程小结 4

在踏上 JavaScript 旅程的道路上，我们已经涉足了它的各个角落，从基础概念到高级用法。在这第四篇总结中，我们将回顾我们在 ECMAScript 5 中遇到的关键特性，这些特性巩固了 JavaScript 的作为一门现代编程语言的地位。

保护对象：对属性和方法的掌控

在 ECMAScript 5 中，对象保护的概念被引入，它提供了对对象属性和方法可见性和可写性的精细控制。通过使用 getter 和 setter，我们可以定义访问和修改对象属性的自定义逻辑，从而实现数据的封装和验证。这使得我们可以构建具有更强健和可维护性的代码。

ES5 引入了三个保护级别：只读（readonly）、只写（writeonly）和读写（readwrite）。这些级别允许我们根据需要控制对象属性的可访问性，从而提高安全性并防止意外修改。

数组的全新 API：扩展功能和便利性

ES5 显着扩展了数组的内置 API，引入了三组共六个新方法，为操作数组提供了更大的灵活性。这些方法包括：

-forEach()：遍历数组中的每个元素，并为每个元素执行指定的回调函数。

-map()：创建一个新数组，其中每个元素是通过对原始数组中的每个元素应用指定回调函数而生成的。

-filter()：创建一个新数组，其中包含通过指定回调函数测试为真值的原始数组中的元素。

-every()：检查原始数组中的所有元素是否都通过指定回调函数测试为真。

-some()：检查原始数组中的任何元素是否通过指定回调函数测试为真。

-reduce()：将原始数组中的所有元素归并为单个值，通过指定回调函数和初始值来累积计算。

子对象创建：继承的便利

ES5 引入了 Object.create() 方法，它允许我们根据现有对象创建一个新对象，并继承其属性和方法。这简化了对象的创建和继承过程，使我们可以构建可重用和可扩展的代码。

Object.create() 方法接受两个参数：第一个参数指定要继承的父对象，第二个参数（可选）指定新对象的属性符。通过这种机制，我们可以创建具有特定属性和方法的子对象，从而促进代码复用和可维护性。

call/apply/bind：this 的灵活控制

在 ES5 中，call()、apply() 和 bind() 方法被引入，它们提供了控制函数中 this 绑定的能力。这对于在不同的上下文中调用函数以及创建具有特定 this 值的新函数非常有用。

call()：使用指定的 this 值显式调用函数。
apply()：与 call() 类似，但接受参数作为数组。
bind()：返回一个新函数，该函数的 this 值被永久绑定到指定的 this 值。

严格模式：防止意外错误

ES5 引入了严格模式，它是一种语法选项，有助于防止意外错误和促进更好的编码实践。在严格模式下，代码将以更严格的方式执行，从而捕获以前可能被忽视的错误。

启用严格模式后，某些行为将被禁止，例如使用未声明的变量或对只读属性进行赋值。这有助于提高代码质量并减少意外行为的可能性。