ES5 阮一峰

ES5，即 ECMAScript 5，是 JavaScript 的当前版本之一。在 JavaScript 语言的历史发展进程中，ES5 是一个重要的版本，它对现有的语言进行了大量的标准化和优化，使得 JavaScript 在语法和功能上更加完善和健壮。

一、严格模式

ES5 引入了严格模式（strict mode），我们可以在代码的开头添加字符串 “use strict” 来启用它。使用严格模式能够使代码变得更加规范，避免了一些不规范的行为，例如：

'use strict';
// 不能使用未声明的变量 x
x = 10;

// 不能重复声明变量 x
var x = 10;

// 不能删除变量 y
delete y;

// 在函数中不能使用八进制字面量
function test() {
  'use strict';
  var num = 012;
}';

除了上面的行为限制外，还有其他一些更加细微的区别。例如，在严格模式下，函数的 this 关键字在全局环境中指向 undefined。

二、对象增强功能

ES5 对象增加了一些新的方法和属性，使得我们可以更加方便地操作对象。这些新功能包括：

1. Object.create()

Object.create() 方法可以使用指定的原型对象创建一个新对象。我们可以通过以下方式创建一个继承自 Object.prototype 的对象：

var obj = Object.create(Object.prototype);

2. Object.defineProperty()

Object.defineProperty() 方法可以定义或修改一个对象的属性。我们可以通过以下方式定义一个只读的、可枚举的属性：

var obj = {};
Object.defineProperty(obj, 'name', {
  value: 'Alice',
  writable: false,
  enumerable: true,
  configurable: false
});

3. Object.defineProperties()

Object.defineProperties() 方法可以定义或修改一个对象的多个属性。我们可以通过以下方式定义一个具有多个只读常量的对象：

var obj = {};
Object.defineProperties(obj, {
  PI: {
    value: 3.14,
    writable: false
  },
  E: {
    value: 2.71,
    writable: false
  }
});

4. Object.getOwnPropertyDescriptor()

Object.getOwnPropertyDescriptor() 方法可以获取一个对象的属性的描述符。我们可以通过以下方式获取一个属性的描述符：

var obj = {
  name: 'Alice'
};
var desc = Object.getOwnPropertyDescriptor(obj, 'name');

三、函数增强功能

除了对象增强功能外，ES5 还为函数增加了一些新的方法和属性，可以更加方便地操作函数。这些新功能包括：

1. Function.prototype.bind()

Function.prototype.bind() 方法创建一个新的函数，将第一个参数作为新函数的 this 关键字，然后返回这个新函数。

var obj = {
  name: 'Alice'
};
function greet() {
  console.log('Hello, ' + this.name);
}
var say = greet.bind(obj);
say(); // 输出 "Hello, Alice"

2. arguments 对象

ES5 改变了 arguments 对象的一些行为，使得它更加规范和可靠。例如，在 ES5 中，我们可以使用 arguments.callee 属性来引用当前正在执行的函数：

function foo() {
  console.log(arguments.callee);
}
foo(); // 输出 "function foo() {...}"

3. JSON.stringify()

JSON.stringify() 方法可以将 JavaScript 对象序列化为 JSON 字符串。我们可以使用它来将一个对象转化为字符串，并进行传递或持久化存储。

var obj = {
  name: 'Alice',
  age: 18
};
var str = JSON.stringify(obj); // "{"name":"Alice","age":18}"

四、其他新特性

1. Array.isArray()

Array.isArray() 方法可以判断一个对象是否为数组：

Array.isArray([1, 2, 3]); // true
Array.isArray({1: 'hello', 2: 'world'}); // false

2. Date.now()

Date.now() 方法可以返回当前时间的 Unix 时间戳（毫秒）：

var now = Date.now(); // 1625514759338

3. String.prototype.trim()

String.prototype.trim() 方法可以删除一个字符串的开头和结尾的空格：

var str = '  hello, world    ';
str.trim(); // "hello, world"

总结

ES5 引入了很多重要的新功能和改进，使得 JavaScript 语言更加健壮、灵活和可靠。通过了解这些新功能和改进，我们可以更加方便地使用 JavaScript 编写高效、易维护的代码。

原创文章，作者：UQCAW，如若转载，请注明出处：https://www.506064.com/n/371538.html