JS常用方法(五)

下面是JavaScript 常用方法和功能的分类汇总，分多篇总结，此为第五篇：其他常用方法。

• 其他常用方法

1.console.log(value): 在控制台输出信息。

console.log("Hello, World!"); // 输出 "Hello, World!"

2.console.error(value): 在控制台输出错误信息。

console.error("This is an error message."); // 输出错误信息

3.console.warn(value): 在控制台输出警告信息。

console.warn("This is a warning message."); // 输出警告信息

4.setTimeout(callback, delay): 在指定的延迟后执行一个函数。

 setTimeout(() => {
       console.log("This message is delayed by 1 second.");
   }, 1000); // 1秒后输出

5.setInterval(callback, interval): 每隔指定的时间重复执行一个函数。

   const intervalId = setInterval(() => {
       console.log("This message repeats every 2 seconds.");
   }, 2000);
   // 使用 clearInterval(intervalId) 来停止

6.clearTimeout(timeoutId): 清除由 `setTimeout` 设置的定时器。

const timeoutId = setTimeout(() => {
       console.log("This will not run.");
   }, 1000);
   clearTimeout(timeoutId); // 取消定时器

7.clearInterval(intervalId): 清除由 `setInterval` 设置的定时器。

const intervalId = setInterval(() => {
       console.log("This will not repeat.");
   }, 1000);
   clearInterval(intervalId); // 取消定时器

8.Promise: 用于处理异步操作的对象。

   const promise = new Promise((resolve, reject) => {
       setTimeout(() => {
           resolve("Promise resolved!");
       }, 1000);
   });

   promise.then(result => console.log(result)); // 1秒后输出 "Promise resolved!"

9.fetch(url): 用于发送网络请求的 API。

   fetch('https://api.github.com')
       .then(response => response.json())
       .then(data => console.log(data)); // 输出 GitHub API 数据

ES6+ 新特性

1. let 和 const: 用于声明变量。
2. 箭头函数: 简化函数的语法。

 const add = (a, b) => a + b;

3. 模板字符串: 使用反引号（``）来定义字符串，支持多行和插值。

const name = "World";
console.log(`Hello, ${name}!`);

4. 解构赋值: 从数组或对象中提取值。

   const arr = [1, 2, 3];
   const [a, b] = arr; // a = 1, b = 2
   const obj = { x: 1, y: 2 };
   const { x, y } = obj; // x = 1, y = 2

5. 扩展运算符: 用于展开数组或对象。

const newArr = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

6. async 和 await: 用于处理异步操作的语法糖。

   const fetchData = async () => {
       const response = await fetch(url);
       const data = await response.json();
   };