ES6中很容易忽略的知识点大盘点，快快掌握！

2024-02-20 10:32:36

在编写JavaScript程序时，一个容易被忽略但非常重要的知识点是变量的作用域。作用域是指变量在程序中可以被访问的范围。在JavaScript中，变量的作用域有三种：全局作用域、函数作用域和块级作用域。

1. 全局作用域

全局作用域是指在整个程序中都可以访问的变量。全局变量通常在脚本文件的顶部声明，使用var。例如：

var name = "John Doe";

这个name变量在整个程序中都可以访问。

2. 函数作用域

函数作用域是指在函数内部可以访问的变量。函数作用域中的变量只能在函数内部使用，不能在函数外部使用。函数作用域中的变量使用let关键字声明。例如：

function greet() {
  let name = "John Doe";
  console.log("Hello, " + name);
}

greet();

这个name变量只能在greet()函数内部使用，不能在函数外部使用。

3. 块级作用域

块级作用域是指在代码块内部可以访问的变量。代码块是指由一对大括号包围的代码块。块级作用域中的变量只能在代码块内部使用，不能在代码块外部使用。块级作用域中的变量使用let或const关键字声明。例如：

if (true) {
  let name = "John Doe";
  console.log("Hello, " + name);
}

console.log(name); // 报错：name is not defined

这个name变量只能在if代码块内部使用，不能在代码块外部使用。

4. 闭包

闭包是指可以访问其他函数作用域中变量的函数。闭包通常用于在函数内部创建私有变量。例如：

function createCounter() {
  let count = 0;

  return function() {
    count++;
    console.log(count);
  };
}

const counter = createCounter();

counter(); // 1
counter(); // 2
counter(); // 3

这个counter函数可以访问createCounter()函数作用域中的count变量。

5. 箭头函数

箭头函数是ES6中引入的一种新的函数语法。箭头函数没有自己的this关键字，并且不能使用arguments对象。箭头函数通常用于简化函数的写法。例如：

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

const result = add(1, 2);

console.log(result); // 3

这个add函数是一个箭头函数，它没有自己的this关键字，并且不能使用arguments对象。

6. 类

类是ES6中引入的一种新的数据类型。类可以用来创建对象。例如：

class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log("Hello, my name is " + this.name);
  }
}

const person = new Person("John Doe");

person.greet(); // Hello, my name is John Doe

这个Person类是一个类，它可以用来创建对象。person对象是一个Person类的实例。

7. 模块

模块是ES6中引入的一种新的组织代码的方式。模块可以用来将代码组织成更小的单元。例如：

// greet.js
export function greet(name) {
  console.log("Hello, " + name);
}

// main.js
import { greet } from "./greet.js";

greet("John Doe"); // Hello, John Doe