模块 在 JS 中，一个 JS 文件就是一个模块，可以使用export关键字暴露本模块的函数或变量给其它模块使用： export function sayHello(name) {  console.log(`hello ${name}`);  return `hello ${name}`; } 如果其他模块需要使用，可以使用import关键字导入： import {sayHello} from './hello.js' ​ sayHello('Tom'); 如果是浏览器加载的 Html 文件，需要在代码片段<…

生成器 生成器函数 可以使用生成器函数返回一系列值： function* generator() {  yield 1;  yield 2;  return 3; } ​ var gen = generator(); console.log(gen); // Object [Generator] {} 如示例所示，使用function*定义的生成器函数，会在调用后返回一个生成器对象（Generator），生成器对象有一个next方法，可以用于遍历生成器产生的值： let next;   do {  next = g…

Promise JS 可以定义一个Promise对象，用于在一段异步调用后通过注册的回调函数获取执行结果： let promise = new Promise(function (resolve, reject) {    setTimeout(() => {        if (Math.random() > 0.5) {            resolve(42);       }        else {            reject(new Error('失败'));       }…

工作中需要在同一个网站上登录多个用户，通常是开多个不同的浏览器，但是这样很消耗内存，发现一个 Chrome 插件可以实现不同的浏览器标签使用不同的 Session 以实现同一个浏览器同一个网站登录多个用户。 插件页面： https://chromewebstore.google.com/detail/sessionhub-multi-account/okjdkjeiihhiaakknbecdkdakmnhaaem 安装好后打开你需要多开的网站，并点击插件： 点击 + 号会为该网站生成一个独立的 Session： 现…

语法 类的本质是提供一种模版，用于创建一系列用途相似的对象，如果学习果其他编程语言，对下面的写法不会陌生： class User{    constructor(name, age){        this.name = name;        this.age = age;   } ​    toString(){        return `${this.name} ${this.age}`;   } } ​ let user = new User('Mike', 30); console.log(use…

原型 如果你需要创建一个对象，但不希望从头创建，而是利用一个已存在的对象创建，只是修改（扩展）其部分属性，这种情况下可以使用原型继承的方式实现： let person = {    name: 'Jonh',    age: 20 } ​ let teacher = {    school: 'MIT',    __proto__: person } ​ console.log(teacher.name); console.log(teacher.age); console.log(teacher.school) …

属性描述符 对象属性除了拥有值以外，还有其他特性，比如： let user = {    name: 'Tom',    age: 18, } let nameDesc = Object.getOwnPropertyDescriptor(user, 'name'); console.log(nameDesc); // { value: 'Tom', writable: true, enumerable: true, configurable: true } 这里的Object.getOwnPropertyDescr…

和 Python 类似，JavaScript 也支持结构赋值： let names = ['Alice', 'Bob', 'Tiff', 'Light']; let [name1, name2, name3, name4] = names; console.log(name1, name2, name3, name4); // Alice Bob Tiff Light 有时候这样做很方便，可以省去一些数组中间变量： let [firstName, lastName] = "John Smith".split(" "…

可迭代对象 for...of 可以用 for...of遍历数组： let numbers = [1, 2, 3, 4, 5] ​ for (let num of numbers) {    console.log(num) } ​ // 1 // 2 // 3 // 4 // 5 或者遍历对象属性： let person = {    name: 'John',    age: 30 } for (let key in person) {    console.log(key, person[key]) } // …

剩余参数 对于变长参数的函数，在 JavaScript 中可以这么定义： function sum(...numbers) {    let sum = 0;    for (let number of numbers) {        sum += number;   }    return sum; } ​ console.log(sum(1, 2, 3)); console.log(sum()); // 6 // 0 可以在变长参数前添加若干确定的参数： function display(message, …