![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 52
Yhuanbo
这个作者很懒,什么都没留下…
展开
-
es6 async+await使用
【1】这里主要看一下await命令的作用:函数执行的时候,一旦遇到await就会先返回,等到异步操作结束,再接着执行函数体内后面的语句。await +(promise命令/原始类型的值),而async 函数返回一个promise对象 可以作为await命令的参数,·1. 创建一个async()函数:2. async函数返回一个Promise对象,我们可以调用then()方法添加一个回调函数:3. 现在给出一个例子这里的执行结果是:从结果可以看出,是按照顺序执行的,验证了await命令的转载 2022-01-03 10:28:00 · 350 阅读 · 0 评论 -
ES6--set和map
setSet 对象允许存储任何类型的唯一值,无论是原始值或者是对象引用。Set 对象存储的值总是唯一的,所以需要判断两个值是否恒等。有几个特殊值需要特殊对待:+0 与 -0 在存储判断唯一性的时候是恒等的,所以不重复;undefined 与 undefined 是恒等的,所以不重复;NaN 与 NaN 是不恒等的,但是在 Set 中只能存一个,不重复。利用set()方法值的唯一性可以进行数组的去重let arr = [1,2,3,3,3,4,5,2,2,];let arrSign = n原创 2021-11-01 19:03:19 · 140 阅读 · 0 评论 -
ES6中的类
一、关于类/class:类是一种对象的模板,ES6 的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Person{ //构造类 constructor(name,age){ console.log(`构造函数执行了, ${name}, ${age}`); // 构造方法(函数), 调用new,自动执行 } } console.log(typeof Person);原创 2021-10-29 19:54:12 · 121 阅读 · 0 评论 -
ES6--promise
promise简介Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。所谓 Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果从语法上说,Promise 是一个对象,从它可以获取异步操作的消息有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)基本语法let promise = new Promise(function(resolve,reject){原创 2021-10-28 18:57:06 · 140 阅读 · 0 评论 -
ES6中的模块化
ES6 的模块化分为导出(export)与导入(import)两个模块。一、export在 ES6 中每一个模块即是一个文件,在文件中定义的变量,函数,对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容,就必须使用 export 来对其进行暴露(输出)。对一个变量进行模块化创建一个 test.js 文件,来对这一个变量进行输出export let myName="laowang";然后可以创建一个 index.js 文件,以 import 的形式将这个变量进行引入impo原创 2021-10-27 16:07:23 · 154 阅读 · 0 评论 -
ES6--数组新增功能及方法
Array.fromArray.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。所谓类数组对象,最基本的要求就是具有 length 属性的对象将类数组对象转换为真正数组:let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4}let arr = Array.from(arrayLike)console.log(arr) // ['tom','6原创 2021-10-26 16:00:34 · 223 阅读 · 0 评论 -
ES6--对象的简洁语法及新增对象
一、对象属性的简洁表示法对象属性:当对象的属性与属性值重名的时候,属性值可以忽略let name = "strive";let age = 18;let json = { name, age,}console.log(json)除了属性简写,方法也可以简写。ES5 中对象方法的写法let name = "strive";let age = 18;let json = { name, age, showA:function(){ return this.name;原创 2021-10-25 19:00:33 · 287 阅读 · 0 评论 -
ES6--数组循环
ES6中新增的数组循环方法forEach | map | filter | some() | every() | reduce() | reduceRight() | for…of…forEacharr.forEach(function(val,index,arr){ console.log(this,val,index,arr)},123); //改变this指向,是什么数据类型,this就是什么需要三个参数第一个参数:循环出来的值 val第二个参数:循环出来的值的索引 index原创 2021-10-19 16:19:54 · 2316 阅读 · 2 评论 -
ES6--模板字符串
模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。普通字符串console.log(`好好学习 \n 天天向上`)多行字符串在编辑器中的换行,浏览器也会解析console.log(`好好学习 天天向上`)字符串中嵌入变量let name = "Bob", time = "today";`Hello ${name}, how are you ${time}?`原创 2021-10-13 18:53:38 · 541 阅读 · 0 评论 -
ES6-rest参数
文章目录rest参数一.rest参数二.扩展运算符三.扩展运算符的应用四.严格模式五.name属性参考文档rest参数一.rest参数rest参数(形式为"…变量名"),用于获取函数的多余参数,这样就不需要使用arguments(参数)对象了.rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中.function add(...a){ let sum = 0; for(var val of a){ sum += val; } retur转载 2021-09-01 10:49:05 · 2113 阅读 · 0 评论 -
ES6中的箭头函数
在ES6中 允许使用箭头 (=>) 定义函数声明一个箭头函数 let fn = (a,b)=>{ return a+b; } //调用函数 let result = fn(1,2);console.log(result) //输出3函数中的this指向的是window function getName(){ console.log(this.name) //this == window } let getName2 = () =>{原创 2021-08-30 15:34:06 · 157 阅读 · 0 评论 -
ES6中的解构赋值
解构赋值ES6中允许按照一定模式从数组和对象中提取值,对变量进行赋值,这就被称为解构赋值数组的解构赋值先声明一个数组const F4 = ["小沈阳","刘能","赵四","宋小宝"];let [xiao,liu,zhao,song] = F4;console.log(xiao,liu,zhao,song) //输出结果: 小沈阳 刘能 赵四 宋小宝let [变量名] = 数组 变量名可以随意取,每一个变量就代表数组中相对应的元素对象的解构赋值先声明一个对象const zhao =原创 2021-08-30 14:45:54 · 103 阅读 · 0 评论 -
JavaScript中var、let和const的区别
一、前言在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过 var 关键字,函数声明是通过 function 关键字,而在ES6之后,声明的方式有 var 、 let 、 const 、 function 、 class ,本文主要讨论 var 、 let 和 const 之间的区别。二、var如果使用关键字 var 声明一个变量,那么这个变量就属于当前的函数作用域,如果声明是发生在任何函数外的顶层声明,那么这个变量就属于全局作用域。举例说明:var a = 1; //此处声转载 2021-08-30 14:04:14 · 72 阅读 · 0 评论