![](https://img-blog.csdnimg.cn/20210109173743291.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6+
ES6及以上语法,持续更新中。。。。。。
前端大颖颖
7年前端码农,专注写bug,专注改bug,我会持续分享日常遇到的问题
展开
-
async,await的使用
asyncAsync函数返回值为promise对象。具体如下:如果async的return值为非promise对象,那么Async函数返回值为一个成功的promise对象,如下:结果:结果:如果async的return值为抛出异常,那么Async函数返回值为一个失败的promise对象,如下:结果:如果async的return值为promise对象,那么Async函数返回值跟着promise的结果走,promise的状态为成功,则Async函数返回值为成功的promise对象。原创 2021-01-26 19:27:36 · 125 阅读 · 0 评论 -
js处理数组的方法对比,包括ES6新增的
js处理数组的方法对比,包括ES6新增的原创 2024-04-24 10:56:04 · 526 阅读 · 0 评论 -
ES6 promise
Promise是在 JavaScript(也称为 ECMAScript-6)中实现异步编程的一种方式。JavaScript 中使用Promise进行异步编程。对于异步编程,JavaScript 使用回调,但使用回调会出现一个问题,即回调地狱(多个或依赖回调)或所谓的 "地狱金字塔"。使用 ES6 的Promise将简单地避免与回调相关的所有问题。原创 2024-04-11 13:52:06 · 569 阅读 · 0 评论 -
Array.prototype.includes监测数组中是否包含某个元素
<script> //includes let arr1 = ["天津","上海","北京","深圳"] console.log(arr1.includes('河北')) //false console.log(arr1.includes('天津')) //true </script>includes是ES7中的新特性includes方法用来监测数组中是否包含某个元素,返回布尔类型的值...原创 2021-01-27 08:12:29 · 122 阅读 · 0 评论 -
幂运算**,相当于Math.pow()
//幂运算** console.log(2**10) //1024 console.log(Math.pow(2,10)) //1024原创 2021-01-27 08:11:48 · 359 阅读 · 0 评论 -
对象扩展方法Object.fromEntries()和Object.entries()
Object.entries()//Object.entries()let obj = { name:'蓟县', scene:['长城','梨木台','盘山','溶洞']}console.log(Object.entries(obj)) Object.entries()为ES8中新特性Object.entries()获取对象的键名和键值,每一对键名和键值组成新的数组。Object.fromEntries()使用二维数组形式创建对象let arr = [ ["name",".原创 2021-01-27 08:10:49 · 600 阅读 · 0 评论 -
字符串的扩展方法trimStart()和trimEnd()
trim()方法是清除字符串两侧的空格trimStart()是清除字符串左侧的空格trimEnd()是清除字符串右侧的空格let str = ' tianjin 'console.log(str) // tianjin console.log(str.trimStart(str)) //tianjin console.log(str.trimEnd(str)) // tianjin...原创 2021-01-27 08:09:45 · 1294 阅读 · 0 评论 -
数组方法的扩展flat()和flatMap()
flat()将多维数组转化为低维数组const arr = [1,2,3,4,[5,6]]console.log(arr.flat()) //[1, 2, 3, 4, 5, 6]const arr1 = [1,2,3,4,[5,6,[7,8,9]]]console.log(arr1.flat()) //[1, 2, 3, 4, 5, 6, [7,8,9]] //想将多维数组转成一维数组,则需要参数console.log(arr1.flat(2)) //[1.原创 2021-01-27 08:09:09 · 259 阅读 · 0 评论 -
Object.keys()和Object.values()
Object.keys()获取对象的所有键名,生成数组。Object.values()获取对象的所有键值,生成数组。<script> let obj = { name:'城市', cities:["天津","北京","上海","深圳"] } console.log(Object.keys(obj)) //["name", "cities"] console.log(Object.values(obj)) //["城市", Array(4)]</script&g.原创 2021-01-27 08:08:36 · 138 阅读 · 0 评论 -
Symbol.prototype.description
let sy = Symbol('ly')console.log(sy.description) //lySymbol.prototype.description是ES10中的新特性,用来获取Symbol字符串的描述。原创 2021-01-27 08:05:34 · 168 阅读 · 0 评论 -
javascript类中的私有属性
类中的私有属性用#来定义class Animal{ //共有属性 name; color; //私有属性 #weight; //构造方法 constructor(name,color,weight){ this.name = name; this.color = color; this.#weight = weight; }}//实例化const cat = new Animal('玲珑','white','5kg');console.log(cat.name)con原创 2021-01-27 08:13:11 · 2273 阅读 · 0 评论 -
可选链操作符 ?.
function main(config){ const dbHost = config && config.db && config.db.host; console.log(dbHost)}main({ db:{ host:'192.168.20.60', userName:'liuy' }, cache:{ host:'192.168.20.80', userName:'admin' }})使用链式操作符之前,我们使用上面代码进行判原创 2021-01-26 19:30:54 · 519 阅读 · 0 评论 -
动态import
使用动态import之前,我们都是使用静态import引入页面中所需要的所有模块。动态import的作用就是按需加载想要引入的模块。如下例子:helloWorld.js中抛出一个方法,正常使用的话是在app.js中用import * as h1 from “helloWorld.js”。Import()返回的结果是一个promise对象,promise对象成功的值module就是引入的这个模块往外抛出的对象。动态import是ES11中的新特性...原创 2021-01-26 19:30:12 · 1354 阅读 · 0 评论 -
bigInt大整型
let n = 134n;console.log(n,typeof(n)) //134n "bigint"作用:如下例子,在最大安全值得基础上不断+1,计算错误,但是变成大整型以后,可以+1let max = Number.MAX_SAFE_INTEGER;console.log(max) //9007199254740991console.log(max+1) //9007199254740992console.log(max+2) //900719925474原创 2021-01-26 19:29:42 · 284 阅读 · 0 评论 -
globalThis全局变量
globalThis始终指向全局变量console.log(globalThis) //Window {window: Window, self: Window, document: document, name: "", location: Location, …}globalThis是ES11新特性。原创 2021-01-26 19:29:10 · 643 阅读 · 0 评论 -
Promise.allSettled和Promise.all
1. Promise.allSettled接受一个Promise数组,返回结果也是一个promise对象。allSettled()方法接受的参数是一个数组,数组里每个元素都是一个promise对象。它返回的结果状态永远是成功,结果值是每一个promise对象返回的状态和值。2. Promise.all如果所有promise对象返回的结果都是成功,all()方法返回的状态才是成功,返回的值是每个promise对象返回的值。如果有一个失败,all()返回的结果就是失败,返回的值是失败的promise原创 2021-01-26 19:28:42 · 1337 阅读 · 0 评论 -
String.prototype.matchAll()
使用场景:数据的批量提取,爬虫类项目从页面提取数据等。String.prototype.matchAll()是ES11新特性。原创 2021-01-26 19:28:14 · 187 阅读 · 0 评论 -
ES6中Rest参数
Rest参数,解构后回来的是一个数组。是ES6中提出来的。Rest参数一定要放在最后结果:Rest参数在ES6中只针对数组,在ES9中为对象提供了像数组一样的rest参数和扩展运算符。结果:原创 2021-01-26 19:26:31 · 144 阅读 · 0 评论 -
ES6扩展运算符,…的使用
数组的合并结果:数组的克隆将伪数组转成真正的数组结果:扩展运算符…在ES6中已经引入,不过ES6中只针对数组,在ES9中为对象提供了像数组一样的扩展运算符。结果:对象的合并:结果:...原创 2021-01-26 19:25:20 · 343 阅读 · 0 评论