
ES6
文章平均质量分 70
ES6新特性
Cirrod
把自己热爱的东西做到了极致就变成了钱
展开
-
es6---es6新增的Bigint、Symbol数据类型,set、map数据结构
BigInt是ES10新加的一种JavaScript数据类型,用来表示表示大于2^53 - 1的整数,2^53 - 1是ES10之前,JavaScript所能表示最大的数字。原创 2022-11-06 21:19:52 · 3070 阅读 · 0 评论 -
es6---如何在项目中和平时练习中应用es6语法
也可以使用:进行重命名。原创 2022-11-04 22:13:31 · 794 阅读 · 0 评论 -
ES6---对象新增的方法
1.Object.is()方法ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。ES6 提出“Same-value equality”(同值相等)算法,用来解决这个问题。Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。Obj原创 2022-03-17 22:02:55 · 1776 阅读 · 0 评论 -
ES6---对象的拓展
1.属性的简洁表示法ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上面代码中,变量foo直接写在大括号里面。这时,属性名就是变量名, 属性值就是变量值。下面是另一个例子。function f(x, y) { return {x, y};}// 等同于fun原创 2022-03-17 21:45:35 · 438 阅读 · 0 评论 -
ES6---数组的拓展
1.拓展运算符扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]该运算符主要用于函数调用。functi原创 2022-03-17 21:16:58 · 680 阅读 · 0 评论 -
ES6---函数的拓展
1.函数参数的默认值ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello World上面代码检查函数log的参数y有没有赋值,如果没有,则指定默认值为World。这种写法的原创 2022-03-17 11:56:45 · 140 阅读 · 0 评论 -
ES6---数值的parseInt()和parseFloat方法
ES6 将全局方法parseInt()和parseFloat(),移植到Number对象上面,行为完全保持不变。// ES5的写法parseInt('12.34') // 12parseFloat('123.45#') // 123.45// ES6的写法Number.parseInt('12.34') // 12Number.parseFloat('123.45#') // 123.45这样做的目的,是逐步减少全局性方法,使得语言逐步模块化。Number.parseInt =原创 2022-03-17 11:05:18 · 582 阅读 · 0 评论 -
ES6---新增的字符串常用方法
1.includes(),startsWith(),endsWith()方法传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。。ES6 又提供了三种新方法。includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。let s = 'Hello world!';s.startsWith(原创 2022-03-16 15:53:06 · 336 阅读 · 0 评论 -
ES6---变量的解构赋值
1.数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。let [f.原创 2022-03-16 15:11:49 · 362 阅读 · 0 评论 -
ES6---模块化的export和import语法
一.概述历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的原创 2022-03-13 22:50:22 · 4401 阅读 · 0 评论 -
ES6---捕获Promise状态为失败的两种方法
1.try cath方法 async fn() { try { await promise对象 } catch (err) { console.log(err)//捕获失败的promise } }2.通过promise的自带的.catch()方法 async fn() { await promise对象.catch(err => { console原创 2022-02-10 19:35:48 · 743 阅读 · 0 评论 -
ES6---promise详解及用法
一、什么是PromisePromise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配(ES8),但是它们是基于promise的),从语法上讲,Promise是一个对象或者说是构造函数,用来封装异步操作并可以获取其成功或失败的结果。二、为什么要使用promise最重要也是最主要的一个场景就是ajax和axios请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,但是我们下一步要执行的代码依赖于上一次请求返回值,这个时候我们就需要等待,结果出来了.原创 2022-01-29 15:50:41 · 25321 阅读 · 4 评论 -
JS---js执行顺序导致的异步问题以及用async和await解决
一、异步问题1.案例一 :模拟对用户信息的操作(注意:先获取用户列表后再对用户列表进行操作) <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> function getUserMeaasgeList() { // 发起请求获取用户列表 axios.get(`http://1.12.原创 2022-01-28 16:38:47 · 3488 阅读 · 0 评论 -
ES6---字符串的padStart()和padEnd()方法的用法
一.作用ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。注意:方法的返回值为新的字符串二.用法padStart()和padStart()一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。1. 常规用法'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax' ..原创 2022-01-27 17:09:44 · 422 阅读 · 0 评论