Eval eval可以执行一段 JS 代码片段： eval("console.log('hello world')"); eval可以执行多行语句，返回的结果时最后一条语句的结果： let result = eval("let i=0;++i;"); console.log(result); // 1 eval的词法环境包含于当前的词法环境，因此可以访问外部变量： let name = 'Jack'; eval("console.log('hello ' + name)"); // hello Jack 甚至是修改…

JS 中实现代理的语法： let target = {}; let proxy = new Proxy(target, {}); proxy.a = 1; console.log(proxy.a); console.log(target.a); for(let i in proxy){    console.log(i); } // 1 // 1 // a new Proxy接收两个参数，要代理的目标对象以及代理行为，这里代理行为使用的是空对象，因此所有对代理对象属性的读写都是由被代理的原始对象承担的。 get 可…

模块 在 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(" "…