- 博客(8)
- 收藏
- 关注
原创 ts中对象类型的完整特性(接口类型【interface】与其特性和写法基本一致)
这些特性使得 TypeScript 能够精确描述 JavaScript 中各种复杂的对象模式,从简单的数据对象到复杂的混合类型都能很好地表达。调用签名 (x: number): string 使对象可调用。方法签名 method(): void 定义对象方法。构造签名 new (x: string): Type 使对象可构造。属性签名 name: string 定义对象属性。混合类型 多种签名组合 复杂对象。
2025-12-14 20:16:28
344
原创 可迭代对象、for…of循环、可迭代协议。es6引入for…of循环与可迭代协议的原因。js中循环的多种方式(按发展时间线总结)。
总结:可迭代对象和 for…2. 内置对象变为可迭代ES6 让许多内置对象实现了可迭代协议:· ES5 已存在,ES6 变为可迭代:Array、String、arguments(ES6 开始)、NodeList(浏览器环境)· ES6 新增的可迭代对象:Map、Set、TypedArray3. 更方便的转换。扩展运算符(用于数组) ES6(2015) 依赖可迭代协议Array.from() ES6(2015) 可将可迭代对象转为数组—示例:ES6 前后的对比ES5 及之前(多种遍历方式)
2025-12-02 00:08:26
335
原创 for…of循环是什么,只能遍历可迭代对象吗
of 循环 是 ES6 引入的一种遍历语法,专门用于遍历 可迭代对象。方法获取迭代器,然后依次调用迭代器的 next() 方法获取值,直到 done 为 true。遍历内容 值(数组元素、字符串字符等) 键/属性名(对象的键,包括原型链)原型链属性 不遍历原型链 会遍历原型链上的可枚举属性。遍历顺序 遵循迭代器顺序 不保证顺序(依赖实现)适用对象 可迭代对象 任何对象(包括普通对象)of 只能遍历可迭代对象。如何让普通对象支持 for…方法2:使用内置可迭代方法。只能遍历可迭代对象吗?
2025-12-01 23:47:59
246
原创 可迭代对象与for…of循环
该方法返回一个 迭代器(Iterator),用于定义对象的迭代行为。可迭代对象可以用 for…· 类数组(Array-like):有 length 和索引访问,但不一定有。方法的对象,从而允许被 for…of、扩展运算符等遍历。有些对象既是可迭代对象又是类数组(如数组、字符串)。可迭代对象(Iterable) 是实现了。(例如 arguments 对象)。简单来说,可迭代对象就是实现了。示例:生成器函数创建可迭代对象。可迭代对象 vs 类数组。
2025-12-01 23:45:11
137
原创 Vue3 打包后点击跳转某页面 Cannot read properties of undefined (reading ‘refs‘) 问题的解决
项目打包后,点击某页面后白屏。点击控制台,发现报错:Cannot read properties of undefined (reading 'refs')。不打包,在测试环境时,没有问题。将原来的ref属性 mxylItem 改为 mxylItemRef ,再次打包,发现问题已解决。结合,网上的资料和自己的代码发现是,ref属性和模板中循环的变量重名了导致的。
2025-11-13 10:23:22
197
原创 es6模块化导入的执行机制,结合打包工具
只是,如果在生产环境,经过打包工具(vite或webpack或rollup等)的构建(treeshaking),可能会移除未使用的导入,那既然导入语句移除了,导入的模块自然也不会执行。第二,x.js模块一旦执行过一次,就不会再执行第二次,所有定义过的变量都会被缓存。在其他模块导入x.js中的任何变量时(比如导入变量c),x.js文件中所有的语句都从前往后依次执行。关于,导入的模块与当前模块中代码的执行顺序,导入语句都能写在哪里,之后再复习。console.log('主程序执行,但没有使用c变量')
2025-10-27 00:25:10
270
原创 a:focus与a:link样式的有效性与“javascript:;“的关系——a:focus与a:link没有生效的原因
我们发现,在没点击时,普通的链接不会呈现link的颜色oragne,而是呈现visited后的颜色red。下面两张是点击第一个或第四个链接后的结果:点击(聚集)后链接可以变为:focus所指定的lightgreen字体颜色,和aquamarine背景色。下面这张是点击除第一和第四个链接以外,其他链接后的结果:与未点击时没有区别,它们的:focus也没有生效。 结论:当我们a链接的:link和:focus没有生效时,可能是没有给a链接添加属性"href=javascript:;的原因。
2023-02-01 01:28:13
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅