![](https://img-blog.csdnimg.cn/20200406105339155.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6学习笔记
文章平均质量分 70
个人学习笔记,仅做参考,勿做商用
程序员的脱发之路
在脱发的路上越走越远
展开
-
Iterator迭代器
Iterator迭代器是一种接口,为不同的数据结构提供一种访问机制,即for … of 循环。当使用for…of循环遍历某种数据结构时,该循环会自动去寻找 Iterator 接口。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。原创 2023-10-25 16:11:02 · 179 阅读 · 0 评论 -
class的get和set
当我们需要在用户获取或设置实例某个属性的时候做一些附加的操作的时候,就能利用这个特性。原创 2023-10-17 10:03:20 · 385 阅读 · 0 评论 -
前端URL拼接路径参数
我们有时候会遇到浏览器URL拼接参数的场景,例如页面跳转时,带上一个特定的标识:https://www.baidu.com?所以我们在拼接参数的时候要先行判断,原url是否已经包含参数,如果不包含要以。这样我们的参数就添加好了,我们只需要调用。我们首先能想到用字符串拼接的方式实现。我们就得到了一个解析好的URL对象。我们可以用浏览器给我们提供的。如果我们想增加参数,直接在。方法就能得到完整的路径了。原创 2023-10-12 16:14:11 · 4682 阅读 · 0 评论 -
数组累加器-reduce、reduceRight
如果没有指定 initialValue,则 previousValue初始化为数组中的第一个值,并且 callbackFn 从数组中的第二个值作为 currentValue 开始执行。:第一次执行回调函数时,不存在“上一次的计算结果”。否则,数组索引为 0 的元素将被用作初始值,迭代器将从第二个元素开始执行(即从索引为 1 而不是 0 的位置开始)。:对数组中的每个元素按序执行一个提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。原创 2023-08-17 11:15:13 · 473 阅读 · 0 评论 -
字符串填充-padStart 、padEnd
字符串填充padStart() 、padEnd()原创 2023-08-17 10:11:11 · 5306 阅读 · 0 评论 -
获取图片主题色
当我们遇到根据背景图片来修改页面样式的时候,可能就需要去实现获取图片主题色的功能。这里的数据我们可以自己做聚合、分析等等处理方式进行操作,最后得到我们自己想要的值。有兴趣可以自行去了解,我这里就使用了一个现成的库。首先引入quantize.js(模块化的项目中可以使用import或者require,这里只是方便演示)最后可以选择对前五的颜色进行加权处理,也可以直接取排第一的颜色(根据业务要求自行判断)0 是透明的,255 是完全可见的)所以我们要对数据进行处理,得到每个像素点的数据。原创 2023-07-13 10:38:49 · 471 阅读 · 0 评论 -
前端js常用运算符(es6+)
前端常用运算符(ES6+一、简介二、常用运算符1.可选链 ?.2. 空值合并运算符 ??3. 逻辑空赋值 ??=4. 逻辑或赋值 ||=5. 逻辑与赋值 &&=一、简介本文章用于记录js中常用的运算符,主要可能是ES6版本以上的,大家在项目中使用时需要注意兼容性。二、常用运算符1.可选链 ?.当我们读取一个对象的属性的属性时,如果一级属性为空,就会报错了例如: const obj = { // people: { // name: 11 // }原创 2022-04-18 14:12:22 · 1007 阅读 · 0 评论 -
js对象的getter和setter
js对象的getter和setter一、简介1. getter(1)具体定义(2)使用方式2. setter(1)具体定义(2)使用方式二、设置getter和setter1. 初始化时定义2. 通过对象的prototype中的相关方法设置(1)定义getter(2)定义setter3. 通过defineProperty()设置(1)Object.defineProperty()(2)definePropertys()三、小案例一、简介学过vue的对getter和setter听起来应该都比较熟悉,因为vu原创 2021-06-04 17:47:43 · 5451 阅读 · 4 评论 -
箭头函数中的this指向
箭头函数中的this指向一、this二、普通函数1. 定义2. 实例三、箭头函数1. 定义2. 实例四、两者混用一、thisthis作为关键字,它的作用就是引用,并且它通常只写在函数内部就是函数体内,在js中this的引用对象随着函数的使用环境变化而变化。这里我们探讨一下普通函数和箭头函数中的this二、普通函数1. 定义个人理解:普通函数的this与其定义位置无关,谁调用这个函数,this就指向谁。2. 实例在全局中:window.name = 'window' function de原创 2021-04-25 11:49:01 · 5313 阅读 · 1 评论 -
ES6字符串匹配函数
ES6字符串匹配函数一、三个匹配函数1. Arrary.includes()2. Arrary.startsWith()3. Arrary.endsWith()二、具体使用1. Arrary.includes()2. Arrary.startsWith()3. Arrary.endsWith()三、拓展使用一、三个匹配函数1. Arrary.includes()includes(searchString,options):字符串是否包含指定值。searchString:要搜索的字串(字符串类型)p原创 2021-03-19 10:37:06 · 939 阅读 · 0 评论 -
async函数(一)——初识async
初识asyncasync概述1.简介2.语法3.返回值async概述1.简介async 是 ES7 才有的与异步操作有关的关键字,和 Promise , Generator 有很大关联的。2.语法async function name([param[, param[, … param]]]) { statements }name: 函数名称。param: 要传递给函数的参数的名称。statements: 函数体语句。基础写法:async function demo(name) {原创 2020-11-30 10:30:40 · 402 阅读 · 0 评论 -
js数字操作之tofixed()+parseInt()+parseFloat()
tofixed+parseInt+parseFloat一、数字toFixed()1.toFixed()2.缺点二、parseInt()三、parseFloat()一、数字toFixed()1.toFixed()方法可把 Number 四舍五入为指定小数位数的数字。但需要注意的是,它的返回值其实是个字符串它的入参须是一个正整数,而且只能作用于number类型否则会报错 let a = 1.111111 let b = a.toFixed(2); console.log(b); cons原创 2020-11-16 11:30:03 · 2217 阅读 · 0 评论 -
ES6数组-fill()函数
js数组的fill函数 一、函数介绍1.函数的作用2.函数的语法3.对应的参数二、实际用法1.填充全部(1)全部填充新建的固定长度数组(2)全部覆盖现有数组2.填充部分(1)部分填充新建的固定长度数组(2)部分覆盖现有数组一、函数介绍1.函数的作用fill() 方法用于将一个固定值替换数组的元素。可将一个数组中的部分或者全部内容替换为一个你想要的固定值2.函数的语法array.fill(value, start, end)3.对应的参数参数描述value必需。填充的固定值原创 2020-11-02 11:25:39 · 3647 阅读 · 1 评论 -
ES6学习笔记-const
const声明常量const是什么const的特点1.一定要赋初值2.一般常量使用大写3.常量的值不能修改4.块级作用域5.对数组和对象的元素修改,不算对常量的修改,不会报错注意要点const是什么const是es6新增的关键字,const 声明一个只读的常量,一旦声明,常量的值就不能改变。const的特点1.一定要赋初值const定义的是常量,后续不可修改,所以定义时就必须赋初值,否则会报错const MY // 报错:Missing initializer in const declarat原创 2020-09-15 23:50:49 · 118 阅读 · 0 评论 -
ES6学习笔记-let
let变量声明let是什么let与var的区别1.变量不能重复声明2.块级作用域3.不存在变量提升let是什么let时es6新增的关键字,用来声明变量let与var的区别1.变量不能重复声明使用var可以重复声明变量并且后面声明的变量会覆盖之前的,但是使用let之后便不可以,若重复声明便会直接报错。这样很好的保证了我们代码中变量的纯净,不会被污染// 报错 Identifier 'star' has already been declared let star = 1 let原创 2020-09-15 23:05:18 · 101 阅读 · 0 评论