
深入理解ES6总结
文章平均质量分 63
本栏目为深入理解ES6数据中的总结
自夏
这个作者很懒,什么都没留下…
展开
-
es6中的静态属性和方法
es6 中 class 带static 关键字是静态方法静态方法和对象无关,外部对象变量不能调用静态方法和属性外部可以通过类名来调用对象原型(就是类下面的方法)方法没有办法调用对象上面的静态方法对象属性都是不带关键字的 比如说static 关键字,带了的话就是静态方法 不带就是今天属性静态属性和对象属性不能互调,只能 静态属性调用静态数据,动态属性调用动态属性静态方法不能够访问类中的原型或对象的属性方法对象变量能够方法对象中得属性和原型 对象变量能够方法类的属性和方法 但对象变量不能.原创 2021-10-25 16:15:13 · 965 阅读 · 0 评论 -
Promise完美过渡到async/await
async/await被称作为异步最终的写法async function 关键字用来在表达式中定义异步函数。当然,你也可以用 异步函数语句 来定义。async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例AsyncFunction 构造函数用来创建新的 异步函数 对象,JavaScript 中每个异步函数都是 AsyncFunction 的对象。async的基本语法async function getdata (params) { ret原创 2021-06-09 23:20:41 · 1073 阅读 · 0 评论 -
深入理解Promise以及最新方法
unhandledrejection 继承自 PromiseRejectionEvent,而 PromiseRejectionEvent 又继承自 Event。因此unhandledrejection 含有 PromiseRejectionEvent 和 Event 的属性和方法。原创 2021-06-03 22:50:35 · 304 阅读 · 0 评论 -
async/await错误捕获
在ES7还没有出来的时候通常使用Promise.then 方法来接收 返回的值,Promise.then 有二个回调,第一个是 获取参数的回调,第二个是错误的回调 来捕获Promise.reject的错误Promise.catch 同样能够捕获Promise.reject 抛出的错误Promisefunction func(data) { return new Promise((resolve, reject) => { data ? resolve(data) : rej.原创 2021-05-18 11:33:48 · 4720 阅读 · 2 评论 -
ES6箭头函数
基本语法 (=>)var func = p=> p// es5var func = function (p) { return p}如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分,一个参数只用一个变量来接收不需要花括号。不需要参数var func = ()=>{}//es5var func = function(){return 10*10} 多个参数const func = (num,num1)=> num+num1var fun原创 2021-04-19 16:07:18 · 163 阅读 · 0 评论 -
ES6解构赋值,对象结构,数组结构,函数参数结构
简单对象 和 数组的结构赋值如果解构不成功,变量的值就等于undefined对象var { foo, bar } = { foo: "aaa", bar: "bbb" }; foo // "aaa" bar // "bbb"对象的属性没有次序,变量必须与属性同名,才能取到正确的值。var obj = { p: ['Hello', { y: 'World' } ] };var { p: [x, { y }] } = obj; x // "Hello" y // "World"p原创 2021-04-15 15:22:41 · 517 阅读 · 0 评论 -
不常用的for-of循环
什么是 for-fo 是一个可迭代对象 迭代对象具有 Symbol.iterator 属性 是一种与迭代器相关的对象Symbol.iterator 通过指定的函数可以返回一个早哟用与附属对象的迭代器 在ES6中所有的集合 (Set Map 集合)字符串都是可迭代对象 这些对象都有默认的迭代器 在ES6中的for-of 循环中需要用到迭代对象的一些功能生成器默认都有 Symbol.iterator 属性 因此所有通过生成器创的迭代对像都是可以迭代对象在for-of 循环每一次都会调用可迭代对象..原创 2021-04-07 23:21:04 · 307 阅读 · 0 评论 -
迭代器(Iterator)和生成器 (Generator)
什么是迭代器?迭代器是一种特殊的对象 (迭代器是一个对象)是一些专门为迭代过程设计的的专有接口 所有迭代器都next()方法每一次调用都返回一个结果对象有二个属性值 一般都猜得到有 value 表示返回下一个的对像,另一个是doen 是一个布尔值 当没有数据值返回true迭代器还会返回内部指针,会用来指向集合中的位置,每一次调用next()方法时 都会返回下一个可用的值,如果最后一个值返回在调用next()方法那么返回对象属性done的值为true 属性vauel则包含最终返回的值,这个返回值不原创 2021-04-06 23:12:17 · 243 阅读 · 0 评论 -
Set与WeakSet 和 Map WeakMap
Set 集合是一种无重复的元素的列表,开发者不会像访问数组那样逐一访问每一个原属 通常的做法是,给定某值是否在集合种只要Set 实例引用存在就不会被垃圾回收机制回收 Set 类型可以看成为强引用类型Set 和 WeakSet 其实是跟数据类型,但是跟数组有区别, 使用方法也有区别,作用也有区别/**add: ƒ add() 添加clear: ƒ clear() 删除所有delete: ƒ delete() // 删除某一个entries: ƒ entries()forEach: .原创 2021-04-06 22:46:18 · 202 阅读 · 0 评论 -
什么是迭代器(Iterator)和生成器(generator)
/** * 什么是迭代器? * * 迭代器是一种特殊的对象 (迭代器是一个对象) * 是一些专门为迭代过程设计的的专有接口 所有迭代器都next()方法 * 每一次调用都返回一个结果对象有二个属性值 一般都猜得到有 value 表示返回下一个的对像,另一个是doen 是一个布尔值 当没有数据值返回true * 迭代器还会返回内部指针,会用来指向集合中的位置,每一次调用next()方法时 都会返回下一个可用的值,如果最后一个值返回在调用next()方法那么返回对象属性done的值为true 属性v原创 2021-08-13 13:34:10 · 258 阅读 · 0 评论 -
JavaScript提取身份证号信息包含,省,市,区,生日,性别,属像,星座,年龄
let getProvinceAndCity = (uuid) => { if (!uuid || uuid.length < 18 || uuid.length > 18) return Error('身份证号错误!'); const provinceNo = uuid.substring(0, 2), //提取前二位区分身份 cityNo = uuid.substring(0, 4) + '00', //提取前四位区分市 countyNo = uuid.sub原创 2021-03-17 13:44:25 · 895 阅读 · 0 评论 -
Function call,apply, bind 使用详解
call() 可以改变函数的this指向,可以调用函数 也可以继承函数apply(),接收多个参数 第一个this,第二个参数为数组bind() 不会执行函数,但会返回调用函后的this指向 也可以传参数function as(){console.log(this);console.log('11');}as.call() //函数调用 //第一次调用指向windowlet obj = {a:1,b:2};as.call(obj) //this指向到 objapply(原创 2021-03-05 11:29:25 · 1102 阅读 · 0 评论 -
JavaScript高级进阶之继承 类式继承 构造函数 组合继承 原型式继承
ES5// 声明父类function superClass(){ this.suerValue = true}superClass.prototype.getsuperVal = function(){ return this.suerValue;}// 声明子类function sonClass(){ this.subVaue = false;}//继承父类sonClass.prototype = new superClass();//为子类添加共有方法so原创 2021-03-04 22:28:56 · 173 阅读 · 4 评论 -
js数据类型判断三种方法各自优缺点
typeof检测方法主要用于检测基本类型.缺点: 无法区分 引用类型 引用类型:object。里面包含的 function、Array、Date。优点 方便快捷 代码量少 区分基本类型正常 基本类型:Number、String、Boolean、Null、undefined、object、symbol、bigInt。typeof(123) //numbertypeof('123')// stringtypeof({})//objecttypeof([])//objec原创 2021-02-23 14:01:56 · 512 阅读 · 0 评论 -
js阻止动态插入HTML(防止动态DOM插入广告)
主要使用用了js的MutationObserver的API接口提供了监视对DOM树来实现页面DOM的监听MutationObserver文档: MutationObserver.废话不多说上代码```javascript// 阻止后续DOM加载class StopLoadingDOM { stop(DOM = 'body', stop_time = 60000) { //使用了E...原创 2020-04-30 10:14:42 · 1176 阅读 · 0 评论 -
uniapp 自定义全局过滤器的 二种方法
第一种直接在main.js 直接开干 (会导致mianjs过多,导致代码混乱)Vue.filter('unitConverter', (num)=>{ return num}) <u-row gutter="16"> <u-col span="3"> </u-icon>{{voidinfo | unitConverter}} </u-col> </u-row>第二种方法 (过滤方法独立文件原创 2021-02-22 16:28:30 · 2057 阅读 · 0 评论 -
JavaScript 文件下载,二进制下载,文本下载的几种方式
js 文件下载,js 下载二进制数据,js j解析二进制内容,URL.createObjectURL()原创 2020-12-17 10:57:56 · 3856 阅读 · 0 评论 -
js 事件循环 Event loop 微任务以及宏任务,事件循环,js 种的那些方法是微任务和宏任务
js 种的那些方法是微任务和宏任务微任务方法浏览器Node描述(用法)Promise (prototype原型链下方法都是微任务)then catch finally√√解决异步问题async / await (async 函数返回的是Promise.resolve 的数据 ,await 接收Promise.then()的数据 )√√解决异步回调问题MutationObserver√√监视对DOM树所做更改可以 可以监听DO原创 2021-01-25 17:27:34 · 131 阅读 · 0 评论 -
sessionStorage 或 localStorage 数据加密(转码)存储,获取时解码返回存储的明文
知识点,atob,btoa,encodeURIComponent,decodeURIComponent因为直接用atob会导致汉字乱码,btoa它来解码的时候数据不对encodeURIComponent 先把数据转换一次,把汉字转译decodeURIComponent 把转译的数据转回来,就解决了atob 方法汉字乱码问题~~下面是代码~~const Session = { /** * 加密数据 * @param {any} data 转为base64数据原创 2021-01-25 17:16:08 · 4492 阅读 · 3 评论