杨欢博的博客

【1】这里主要看一下await命令的作用： 函数执行的时候，一旦遇到await就会先返回，等到异步操作结束，再接着执行函数体内后面的语句。 await +（promise命令/原始类型的值），而async 函数返回一个promise对象 可以作为await命令的参数， ·1. 创建一个async()函数： 2. async函数返回一个Promise对象，我们可以调用then()方法添加一个回调函数： 3. 现在给出一个例子 这里的执行结果是： 从结果可以看出，是按照顺序执行的，验证了await命令的

set Set 对象允许存储任何类型的唯一值，无论是原始值或者是对象引用。 Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待： +0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复； undefined 与 undefined 是恒等的，所以不重复； NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。 利用set()方法值的唯一性可以进行数组的去重 let arr = [1,2,3,3,3,4,5,2,2,]; let arrSign = n

一、关于类/class: 类是一种对象的模板，ES6 的 class 可以看作只是一个语法糖，它的绝大 部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更像 面向对象编程的语法而已。 class Person{ //构造类 constructor(name,age){ console.log(`构造函数执行了, ${name}, ${age}`); // 构造方法(函数), 调用new，自动执行 } } console.log(typeof Person);

promise简介 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理 和更强大。 所谓 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是 一个异步操作）的结果 从语法上说，Promise 是一个对象，从它可以获取异步操作的消 息 有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败） 基本语法 let promise = new Promise(function(resolve,reject){

ES6 的模块化分为导出（export）与导入（import）两个模块。 一、export 在 ES6 中每一个模块即是一个文件，在文件中定义的变量，函数，对象在外部是无法获取的。如果 你希望外部可以读取模块当中的内容，就必须使用 export 来对其进行暴露（输出）。 对一个变量进行模块化 创建一个 test.js 文件，来对这一个变量进行输出 export let myName="laowang"; 然后可以创建一个 index.js 文件，以 import 的形式将这个变量进行引入 impo

Array.from Array.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

一、对象属性的简洁表示法 对象属性:当对象的属性与属性值重名的时候，属性值可以忽略 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;

ES6中新增的数组循环方法 forEach | map | filter | some() | every() | reduce() | reduceRight() | for…of… forEach arr.forEach(function(val,index,arr){ console.log(this,val,index,arr) },123); //改变this指向，是什么数据类型，this就是什么 需要三个参数 第一个参数：循环出来的值 val 第二个参数：循环出来的值的索引 index

模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以 用来定义多行字符串，或者在字符串中嵌入变量。 普通字符串 console.log(`好好学习 \n 天天向上`) 多行字符串 在编辑器中的换行，浏览器也会解析 console.log(`好好学习 天天向上`) 字符串中嵌入变量 let name = "Bob", time = "today"; `Hello ${name}, how are you ${time}?`

文章目录rest参数一.rest参数二.扩展运算符三.扩展运算符的应用四.严格模式五.name属性参考文档 rest参数 一.rest参数 rest参数(形式为"…变量名"),用于获取函数的多余参数,这样就不需要使用arguments(参数)对象了. rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中. function add(...a){ let sum = 0; for(var val of a){ sum += val; } retur

在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 = () =>{

解构赋值 ES6中允许按照一定模式从数组和对象中提取值，对变量进行赋值，这就被称为解构赋值 数组的解构赋值 先声明一个数组 const F4 = ["小沈阳","刘能","赵四","宋小宝"]; let [xiao,liu,zhao,song] = F4; console.log(xiao,liu,zhao,song) //输出结果: 小沈阳 刘能 赵四 宋小宝 let [变量名] = 数组 变量名可以随意取，每一个变量就代表数组中相对应的元素 对象的解构赋值 先声明一个对象 const zhao =

一、前言 在ES6（ES2015）出现之前，JavaScript中声明变量就只有通过 var 关键字，函数声明是通过 function 关键字，而在ES6之后，声明的方式有 var 、 let 、 const 、 function 、 class ，本文主要讨论 var 、 let 和 const 之间的区别。 二、var 如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。举例说明： var a = 1; //此处声