
JavaScript
文章平均质量分 57
只是一组纤瘦的音节
这个作者很懒,什么都没留下…
展开
-
ES6 小结,[freeCodeCamp]
ES6使用 var 关键字声明变量时,它是全局声明的,如果在函数内部声明则是局部声明的使用数组解构来交换两个变量的值let a = 8, b = 6[a, b] = [b, a]使用解构赋值配合 rest 操作符来重新分配数组元素,与Array.prototype.slice()类似rest 操作符只能对数组列表最后的元素起作用。 不能使用 rest 操作符来截取原数组中间的元素作为子数组const [a, b, ...arr] = [1, 2, 3, 4, 5, 7];console.l原创 2022-02-01 15:52:23 · 940 阅读 · 0 评论 -
CustomRef 实现简单的防抖和节流
官方阐述了怎么使用 customRef 自定义一个 ref 实现防抖,但是没有节流的代码,所以自己写了一个,区别不是很大。概念浅谈 JS 防抖和节流 可以看这篇文档了解什么是防抖和节流,讲的非常清晰,这里我就贴一下CustomRef 用来自定义 ref ,它可以很好地跟踪依赖项和触发更新。它需要一个工厂函数,该函数接收 track 和 trigger 作为参数,这两个都是函数,就像 resolve 和 reject ,并且应该返回一个带有 get 和 set 的对象。代码实现防抖<t原创 2021-12-11 19:53:53 · 545 阅读 · 0 评论 -
js双指针求三数之和
问题给你一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?请你找出所有和为 0 且不重复的三元组。注意:答案中不可以包含重复的三元组。思路首先给的数组要有三个数,不到三个数就返回空数组。且三个数之和为 0 则三个数中必有负数与正数,可能有 0。对数组进行升序排序,遍历数组,每遍历一个元素,就定义左右两个指针,左指针是当前元素的下一个元素,右指针是尾部元素。若当前元素是大于 0 的,那当前元素与左右指针指向的元素之和必定是原创 2021-12-05 13:08:07 · 783 阅读 · 0 评论 -
JavaScript 模拟实现数组的 map 方法,一道笔试题
这是一道笔试题目首先需要知道数组的map方法是什么:返回数组中每个元素都调用一次提供的函数组成的新数组。MDN Array.prototype.map() 可看到 map 方法中的回调函数具有三个参数:var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])另外实现这个方法是数组都可以调用的,所以将方法放到 A原创 2021-11-29 16:58:54 · 653 阅读 · 0 评论 -
Proxy 代理,以及使用其创建私有属性
Proxy 与创建私有属性Proxy - JavaScript | MDN下图举例用代理实现在获取对象中属性值时实现拦截操作,在获取对象中不存在的属性时自定义返回一个字符串提示。v// 创建私有属性const toto = { name: 'toto', age: 25, _secret: '***'}const handler = { get(target, prop) { if (prop.startsWith('_')) { throw new原创 2021-11-28 15:44:54 · 550 阅读 · 0 评论 -
JavaScript中模拟 new 操作符的效果
先导知识new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例 (MDN)new 操作符做了什么?在内存中创建一个新对象这个对象会被执行 [[Protoype]] (也就是 _proto_) 链接生成的新对象会绑定到函数调用的 this通过 new创建的每个对象将最终被 [[Prototype]] 链接到这个函数的 prototype 对象上如果函数没有返回对象类型 Object(包含 Functoin, Array, Date, RegExg, Error),那么ne原创 2021-11-24 16:41:05 · 592 阅读 · 0 评论 -
TypeScript 入门
文章目录TypeScript 介绍TypeScript 包含的数据类型:一些注意的点函数数组TypeScript Map 对象TypeScript 联合类型接口类对象命名空间模块声明文件TypeScript 介绍TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译安装 TypeScript,会提供一个 tsc 工具执行相应命令tsc -h 查看这个工具有哪些命令之后新建一个 ts 文件,执行 tsc ts文件名 命令将 Type原创 2021-10-01 18:08:33 · 556 阅读 · 1 评论