红茶的个人站点

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 可…

2026年4月20日 0条评论 288点热度 0人点赞魔芋红茶阅读全文

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

2026年4月15日 0条评论 291点热度 0人点赞魔芋红茶阅读全文

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

2026年4月15日 0条评论 271点热度 0人点赞魔芋红茶阅读全文

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

2026年4月10日 0条评论 245点热度 0人点赞魔芋红茶阅读全文

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

2026年4月9日 0条评论 256点热度 0人点赞魔芋红茶阅读全文

语法类的本质是提供一种模版，用于创建一系列用途相似的对象，如果学习果其他编程语言，对下面的写法不会陌生： 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…

2026年4月9日 0条评论 213点热度 0人点赞魔芋红茶阅读全文

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

2026年4月7日 0条评论 227点热度 0人点赞魔芋红茶阅读全文

属性描述符对象属性除了拥有值以外，还有其他特性，比如： 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…

2026年4月7日 0条评论 215点热度 0人点赞魔芋红茶阅读全文

和 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(" "…

2026年4月7日 0条评论 208点热度 0人点赞魔芋红茶阅读全文

可迭代对象 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]) } // …