es6
文章平均质量分 57
星期五の夜
stay hungry ... stay foolish ...
展开
-
38个ES6-ES12的开发技巧
ES61、let 和 const这两个的出现,总感觉是为了开发的代码规范而出现的。我们要逐渐放弃var,在项目中多用let和const与var的区别: var有变量提升,有初始化提升,值可变 let有变量提升,没有初始化提升,值可变 const有变量提升,没有初始化提升,值不可变,但如果是定义对象,则属性可变 暂时性死区问题说明:其实let和const是有变量提升的,但是没有初始化提升:var name = '林三心'function fn () {转载 2021-08-25 15:15:24 · 154 阅读 · 0 评论 -
ES6:export default 和 export 区别
1.export//a.jsexport const str = "blablabla~";export function log(sth) { return sth;}对应的导入方式://b.jsimport { str, log } from 'a'; //也可以分开写两次,导入的时候带花括号2.export default//a.jsconst str = "blablabla~";export default str;对应的导入方式://b.jsimport原创 2020-09-25 10:02:30 · 55 阅读 · 0 评论 -
es6扩展运算符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 1.扩展运算符 深拷贝复原创 2020-09-23 22:43:18 · 82 阅读 · 0 评论 -
ES6——解构赋值
ES6——解构赋值转载 2020-09-22 21:23:05 · 56 阅读 · 0 评论 -
js删除字符串中指定字符
一、str.subString()var str="Hello world!"document.write(str.substring(3,7)) // lo w// str.substring(4); 括号里只有一位数时,取的是str最后几位的字符串var str="Hello world!"document.write(str.substring(3)) // lo world!二、str.replace()...原创 2020-08-13 09:53:59 · 1022 阅读 · 0 评论 -
ES11的使用方法
ES11转载 2020-08-06 17:34:14 · 321 阅读 · 0 评论 -
async/await
点击以下参考链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...转载 2020-02-17 16:16:17 · 149 阅读 · 0 评论 -
【ES6学习笔记之】Object.assign()
Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { ...原创 2019-11-14 14:45:32 · 164 阅读 · 0 评论 -
es6之扩展运算符 三个点(...)
对象的扩展运算符理解对象的扩展运算符其实很简单,只要记住一句话就可以:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let bar = { a: 1, b: 2 };let baz = Object.a...原创 2019-10-30 22:24:34 · 105 阅读 · 0 评论 -
【ES6】var、let、const三者的区别
1. 块级作用域 {} ES5 中作用域有:全局作用域、函数作用域。没有块作用域的概念。ES6 中新增了块级作用域。块作用域由 { } 包括,if语句和 for语句里面的{ }也属于块作用域。<script type="text/javascript"> { var a = 1; console.log(a); // 1 } console.log(a); // 1 // 通过var定义的变量...转载 2021-08-17 14:54:06 · 77 阅读 · 0 评论 -
ES6:export default 和 export 区别
在一个文件或模块中,export、import可以有多个,export default仅有一个1.export//a.jsexport const str = "blablabla~";export function log(sth) { return sth;}对应的导入方式://b.jsimport { str, log } from 'a'; //也可以分开写两次,导入的时候带花括号2.export default//a.jsconst str = "blablabla转载 2020-12-02 09:11:15 · 85 阅读 · 0 评论 -
JS中的async/await的用法和理解
1、首先需要理解async 和 await的基本含义async 是一个修饰符,async 定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数// 0. async基础用法测试async function fun0() { console.log(1) return 1}fun0().then( x => { console.log(x) }) // 输出结果 1, 1,a转载 2021-03-17 10:49:24 · 342 阅读 · 0 评论 -
ES6 9个实用的特性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>九个超级实用的 ES6 特性</title> <script> // 1.展开操作符原创 2020-07-26 21:26:41 · 125 阅读 · 0 评论 -
Promise.all和Promise.race和Promise.allSettled
Promise.allPromise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('success')})let转载 2020-09-03 09:23:22 · 149 阅读 · 0 评论