
JavaScript知识点
文章平均质量分 59
敲代码的柯基
努力的小前端,主修前端开发,同时也包揽公司后端开发的菜狗
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript 中的 Map方法
如果相同的未过期键已经存在,该方法将返回 true ,否则返回 false。在 JavaScript 中,Map 是一种用于存储键值对的数据结构,相较于传统的对象(Object),Map 提供了更高效的键值对操作方式适合处理需要频繁操作键值对的场景。遍历 Map 中的每一个键值对,callback 函数接受三个参数:值、键、Map 本身。get(key) :如果存在一个未过期的键,它应该返回这个键相关的值。编写一个类,它允许获取和设置键-值对,并且每个键都有一个 过期时间。原创 2024-12-13 16:57:58 · 1185 阅读 · 0 评论 -
for..in和for...of的用法
在每次迭代中,变量会被赋予一个属性名,而不是属性值。in不仅会枚举出对象自身的属性,还会枚举出其原型链上的属性(除非该对象使用Object.prototype的hasOwnProperty方法来过滤掉原型链上的属性)。of循环是ES6引入的一种新的遍历命令,适用于数组、字符串、Map、Set等可迭代对象。in会枚举出对象自身以及原型链上的所有可枚举属性。如果只想遍历对象自身的属性,可以使用hasOwnProperty方法进行过滤。of是两种常用的循环结构,但是两者的用法和遍历的结果却有区别。原创 2024-12-12 14:09:55 · 390 阅读 · 0 评论 -
JavaScript扩展符
的作用非常多,它可以将一个数组或对象展开成多个元素,或将多个元素合并成一个数组或对象,在数组的合并,复制,展开以及结构赋值等操作中使用可以减少代码的书写。使用扩展运算符可以复制一个数组,原数组中的基本类型的值发生改变后,复制的数组中相应的值不会变化,若原数组中的引用类型的值发生改变,相应的复制的数组中的值也会发生改变,原创 2024-12-11 16:38:08 · 335 阅读 · 0 评论 -
学点新的JS 遍历数组方法
它用于遍历可迭代对象(如数组)的值,不会遍历对象的原型链,不提供索引。若需要获取索引值可以与下面说到的方法组合使用。我们写代码时,最常用的遍历数组的方法就是for 循环 和forEach() 方法,当然他们也非常好用,基本能解决大部分处理数组的问题。它可以与一些其他的方法如entries(), keys(), values()组合使用,实现具体功能。它创建并返回一个新数组,对原数组不会有影响,其中的元素是原数组元素经过回调函数处理后的结果。1、ES6+提供了一种新的遍历方法 for…2、map() 方法。原创 2024-12-11 11:20:14 · 439 阅读 · 0 评论 -
自用正则总结
自用正则总结不能为空:\S0-3位数字:^([0-9]{0,3})$0-1000,可以保留三位小数:^(\d|[1-9]\d{0,2}|1000)(\.\d{1,3})?$0-300,可以保留三位小数:(\d|[1-2]\d{0,2}|[1-9]\d{0,1}|300)(\.\d{1,3})?$可以为空:^\s*$原创 2021-12-27 11:38:37 · 312 阅读 · 0 评论 -
2020-11-24
柯里化的理解和实现柯里化是指这样一个函数(假设叫做createCurry),他接收函数A作为参数,运行后能够返回一个新的函数。并且这个新的函数能够处理函数A的剩余参数。柯里化函数的运行过程其实是一个参数的收集过程,我们将每一次传入的参数收集起来,并在最里层里面处理。在实现createCurry时,可以借助这个思路来进行封装。//支持多参数传递Function createCurry(func,args){var _this = this var arity = func.length;原创 2020-11-24 20:29:57 · 120 阅读 · 0 评论 -
手写promise.all
手写promise.allpromise.all 的特点1、接收一个 Promise 实例的数组或具有 Iterator 接口的对象,2、如果元素不是 Promise 对象,则使用 Promise.resolve 转成 Promise 对象3、如果全部成功,状态变为 resolved,返回值将组成一个数组传给回调4、只要有一个失败,状态就变为 rejected,返回值将直接传递给回调all() 的返回值也是新的 Promise 对象function promiseAll(promises) {原创 2020-10-08 16:13:47 · 208 阅读 · 0 评论 -
我对构造函数,实例和原型的深刻理解
构造函数与实例 这几天的面试让我怀疑人生,决定还是好好打打基础,于是重新看了红宝书,对构造函数,实例,原型链之间的关系有了新的了解。首先,构造函数始终应该以大写字母开头,而非构造函数应该以小写字母开头,为了区别于其他函数。创建构造函数的实例必须使用new,这种方式会经历以下4个步骤:创建一个新对象将构造函数的作用域赋值给新对象(this指向这个对象)执行构造函数的代码(为新对象添加属性)返回新对象function Supermarket(){}Supermarket.prototy原创 2020-09-25 07:36:31 · 363 阅读 · 0 评论 -
Vue 获取dom元素中的自定义属性值
方法一:通过绑定函数传参直接获取DOM元素自定义的值<div id="app"> <button @click="getData($event,'100')"></button></div>methods : { getData(e,num) { console.log(num); // 100 }}方法二:通过$ref属性获取<div id="app"> <button dat原创 2020-08-12 19:00:53 · 3697 阅读 · 1 评论 -
vue中axios的封装使用
安装 Axiosyarn add axiosnpm install axios -S在src新建目录http,新建文件axios.jsimport axios from 'axios'// 创建实例const instance = axios.create({ baseURL: "http://localhost:8080", timeout: 10000,});// 请求拦截instance.interceptors.request.use( config =原创 2020-08-02 12:59:11 · 308 阅读 · 0 评论 -
理解js中的实例方法,原型方法、静态方法和内部方法
理解js中的实例方法,原型方法、静态方法和内部方法刚学构造函数和他的实例以及一系列方法真的搞了好久才明白。首先要明白实质上属性和方法是一样的,方法是属性为引用型的函数。内部方法定义在函数内部的方法,内部方法只能被内部的方法调用function Person(){ var work=function(){ console.log('内部方法') } } console.log(work)//work is not defined静态方法静态方原创 2020-07-10 14:00:04 · 786 阅读 · 0 评论 -
原型对象与原型链
详细解释原型对象与原型链每个函数都有一个prototype属性, 即显式原型属性,它默认指向一个Object空对象(即称为: 原型对象)。原型对象中有一个属性constructor, 它指向函数对象//定义构造函数 function Fun (){// 内部语句: this.prototype = {} } console.log(Fun.prototype)//Object console.log(Fun.prototype.constructor===Fun)//true原创 2020-07-10 11:15:26 · 260 阅读 · 0 评论