![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 50
sunhongyu007
纸上得来终觉浅
展开
-
修改数组中对象的值 (各种方法)
<script> const Object = [ {key:'name1', text:'名字1'}, {key:'name2', text:'名字2'}, {key:'name3', text:'名字3'}, {key:'name4', text:'名字4'}, {key:'name5', text:'名字5'}, {key:'name6', text:'名字6'} ]原创 2021-10-08 16:45:02 · 15726 阅读 · 5 评论 -
数组扁平化-- flat() 方法
数组扁平化可以使用 es6的flat方法实例:<script> let arr = [1,2,[3,4,['a','b']]] let newarr = arr.flat(Infinity) console.log(newarr);</script>打印结果注意:参数 infinity 可以改参数为 infinity时, 把 [ ] 全部打开 不管是几层的嵌套参数为 1 的时候,只会打开一层 [ ],为2同理...原创 2021-09-24 17:40:29 · 155 阅读 · 0 评论 -
微任务和宏任务的区别是什么?
概念:1. 宏任务:当前调用栈中执行的代码成为宏任务。(主代码快,定时器等等)。2.微任务: 当前(此次事件循环中)宏任务执行完,在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。(promise.then,proness.nextTick等等)。 3. 宏任务中的事件放在callback queue中,由事件触发线程维护;微任务的事件放在微任务队列中,由js引擎线程维护。js执行顺序,(先执行宏任务列再是微任务队列)例子1:for(var i=0;i<10;i++){setTi.原创 2021-07-30 21:37:56 · 3860 阅读 · 2 评论 -
ES6 Promise
ES6 Promise 1.什么是Promise二级目录三级目录1.什么是PromisePromise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。(ps:什么是原型:https://blog.csdn.net/qq_34645412/article/details/105997336)Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pend原创 2021-07-30 21:37:47 · 64 阅读 · 0 评论 -
浅拷贝与深拷贝
浅拷贝 :浅拷贝是按位拷贝对象,它会创建一个新对象,这个对象有着原对象属性值的一份精准拷贝,如果属性是基本类型,拷贝的就是基本类型的值;如果属性是内存地址(引用类型),拷贝的就是内存地址 ,因此如果其中一个对象改变了这个地址,就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝),即只复制对象空间而不复制资源。例子:var obj1 ={ name:'jack', age:25, hobby:['te原创 2021-07-30 21:37:36 · 99 阅读 · 0 评论 -
js中的this指向问题
简述this 是 JavaScript 语言的一个关键字。它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用this 的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定 this 到底指向谁函数的不同使用场合,this 有不同的值。总的来说,this 就是函数运行时所在的环境对象一、一般的函数调用一般的函数调用属于全局性调用,因此 this 就代表全局对象 windowlet a = 1function fn() { let a = 2 console.log原创 2021-07-22 22:57:58 · 92 阅读 · 0 评论 -
JS数组遍历的几种方法
一、for最简单的遍历方法 使用频率也是最高的let arr = [1,2,3,4,5,6]for(let i = 0; i < arr.length; i++) { console.log(arr[i])}// 1 2 3 4 5 6优化:使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显let arr = [1, 2, 3, 4, 5, 6]let len = arr.lengthfor(let i = 0; i < len; i+原创 2021-07-22 20:48:52 · 407 阅读 · 0 评论 -
js 字符串拼接的几种方法
一、使用连接符 + 把想要连接的字符串串起来let shy = '帅哥'let a = '我是' + shyconsole.log(a) // 我是帅哥二、数组api join拼接let arr = ['hello','java','script']let str = arr.join("")console.log(str) // hellojavascript// join('--') 这个是可以换的 换--就是用--拼接三、末班字符串 俩 ` 拼接let a = 'jav原创 2021-07-22 18:08:55 · 33837 阅读 · 0 评论 -
递归的用法
递:递进,把同性质的大问题,拆成小问题,拆成更小的问题,把小问题解决之后,大问题也就解决了归:拿到最小的问题的答案,向上去解决大问题函数中自己调用自己就是递归,切记要有终止条件,不然进入死循环1.求数字的和 function sum(n){ if(n===1){ return n=1 } return n+sum(n-1) } console.log(sum(5));打印5+sum(n-1)5+4+sum(n-1.原创 2021-07-04 23:43:49 · 97 阅读 · 0 评论 -
什么是ES6模块化?
获取表单中的数据 slot-scope = ‘scpope ’ 定义作用域插槽 使用: scope.row.xx=‘xx’ scope.row 固定写法< el-dialog :visible.sync=’ xx’ > 组件弹框清空表单 :@coles = ‘xx’ 给表单注册个coles 事件 弹窗被关闭时 就会调用...原创 2021-07-04 20:12:23 · 1530 阅读 · 1 评论 -
函数防抖和函数节流
函数防抖与节流是很相似的概念,但它们的应用场景不太一样先说概念 :防抖:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时节流:当持续触发事件时,保证一定时间段内只调用一次事件处理函数...原创 2021-06-23 22:59:33 · 55 阅读 · 0 评论 -
什么是事件冒泡机制?
什么是 事件冒泡?冒泡的机制:这气泡就相当于我们的事件,鱼就是事件源,而水则相当于我们的整个dom树;事件从dom 树的底层 层层往上传递,直至传递到dom的根节点。栗子 :样式布局代码结构js代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont原创 2021-06-23 18:35:06 · 2827 阅读 · 1 评论 -
什么是闭包(Closure)呢 ?
什么是闭包 ?直接上代码<script> !function shy(){ // 一个函数 let a = 10 //一个变量 function b (){ // 一个函数 console.log(a); //一个函数的内部访问另一个函数的变量 } }() </script>上面这样的就是一个闭包了 超简单的我的定义: 函数 和 函数内部能访问到的变量(也叫环境)的总和,就是一个闭原创 2021-06-21 23:04:27 · 227 阅读 · 1 评论 -
reduce的理解
--------------------------------- Reduce() 函数 -------------------------------------------** 1. 定义:** 对数组中每个元素执行一个(次)累加器 , 把结果汇总成单个的返回值2. 形式: arr.reduce(( total, value,inedx , arr )=>{ } , init),** 3. 参数**— callback() ;回调函数 (必写)— init ; 初始值 .原创 2021-06-19 22:34:44 · 350 阅读 · 1 评论 -
数组方法的总结
数组的方法arr.String() 数组转化为字符串arr.join(1,2,3,5,99) 数组中的所有元素变成一个字符串arr.concat(1,2,[3,2]) 数组拼接arr.slice(0,2); 数组选取(含头不含尾) 从下标0开始 到下标2结束不算2arr.indexOf(2); 某个指定的字符 在字符串中首次出现的位置arr.splice(0,2); 从下标0开始删 删2个arr.reverse(); 翻转数组arr.sort((a,b)=>a-b) 数组进行原创 2021-06-09 22:38:09 · 80 阅读 · 0 评论