js的小知识

以下是一些 JavaScript 的小知识点，适合不同水平的开发者：

1. 变量声明

• 使用 let、const 和 var 声明变量。
• let 和 const 块级作用域，而 var 是函数作用域。
• const 声明的变量不可重新赋值，但对象的属性仍然可以修改。

2. 箭头函数

• 箭头函数提供了更简洁的函数定义方式，且不绑定自己的 this。

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

3. 模板字符串

• 使用反引号（`）创建多行字符串和嵌入表达式。

const name = "Alice";
const greeting = `Hello, ${name}!`;

4. 数组和对象解构

• 解构赋值可以从数组或对象中提取值，赋值给变量

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

5. Promise

• Promise 用于处理异步操作，能够解决回调地狱问题。

const myPromise = new Promise((resolve, reject) => {// 异步操作if (成功) {resolve("成功结果");} else {reject("失败原因");}
});

6. async/await

• async 函数可以使用 await 等待 Promise 解决，使异步代码更易读。

async function fetchData() {try {const response = await fetch('api/url');const data = await response.json();console.log(data);} catch (error) {console.error(error);}
}

7. 事件委托

• 使用事件委托可以提高性能，避免为每个子元素添加事件监听器。

document.getElementById('parent').addEventListener('click', function(event) {if (event.target.matches('.child')) {// 处理事件}
});

8. 闭包

• 闭包是函数和其引用的变量的组合，可以实现数据封装。

function makeCounter() {let count = 0;return function() {count++;return count;};
}
const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

这些知识点涵盖了 JavaScript 的基本概念、语法和一些常用的功能，可以帮助你更好地理解和使用这门语言。