JavaScript 内置对象及常见 API 详细介绍

什么是 JavaScript 的内置对象？

Javascript 的内置对象是指在 JavaScript 运行环境中自带的对象，它们包含了我们在编写 JavaScript 代码时需要调用的各种方法和属性，用它们可以方便地完成各种任务。常见的内置对象包括：Object、Array、Function、Date、RegExp、Math、JSON、Error 等。

常见 API 详解

Object

Object.keys()

Object.keys() 是一个静态方法，用于返回一个对象的所有可枚举属性的键名，以数组形式返回。

示例：

const person = {
  name: '张三',
  age: 18,
  sex: '男'
};

const keys = Object.keys(person);

console.log(keys); // 输出 ["name", "age", "sex"]

Object.values()

Object.values() 是一个静态方法，用于返回一个对象的所有可枚举属性的键值，以数组形式返回。

示例：

const person = {
  name: '张三',
  age: 18,
  sex: '男'
};

const values = Object.values(person);

console.log(values); // 输出 ["张三", 18, "男"]

Array

Array.map()

Array.map() 是一个数组的方法，用于创建一个新数组，其结果是对原数组中的每个元素调用一个提供的函数并返回结果的新数组。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(x => x * 2);

console.log(newArr); // 输出 [2, 4, 6, 8, 10]

Array.filter()

Array.filter() 是一个数组的方法，用于创建一个新数组，其结果是仅包含通过所提供函数的测试的元素的所有原始数组元素的新数组。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(x => x > 3);

console.log(newArr); // 输出 [4, 5]

Function

Function.bind()

Function.bind() 是一个函数的方法，用于创建一个新函数，该函数与原始函数具有相同的函数体，但具有指定的 this 值和初始参数。

示例：

function hello(name) {
  console.log(`你好, ${name} !`);
}

const sayHelloName = hello.bind(null, '张三');
sayHelloName(); // 输出 "你好, 张三 !"

Function.call()

Function.call() 是一个函数的方法，用于调用函数，并将一个指定的 this 值和单独的参数传递给该函数。

示例：

function hello(name) {
  console.log(`你好, ${name} !`);
}

hello.call(null, '张三'); // 输出 "你好, 张三 !"

Date

Date.now()

Date.now() 是一个静态方法，用于返回当前时间的时间戳，以毫秒为单位。

示例：

const now = Date.now();
console.log(now); // 输出当前时间的时间戳

Date.toLocaleString()

Date.toLocaleString() 是一个实例方法，可根据所在地区的约定将日期和时间转换为该地区的字符串表示形式。

示例：

const date = new Date();
console.log(date.toLocaleString()); // 输出该地区的日期和时间字符串表示形式

总结

以上只是 JavaScript 内置对象和常见 API 的一部分介绍，你可以通过官方文档查看更多的内置对象和 API。在编写 JavaScript 代码时，应结合实际需求灵活使用这些对象和方法，以便快速高效地完成任务。