ES6
YUHUI01
总有刁民想害朕
展开
-
JavaScript/ES6——区块中的 var与 let
1、JavaScript单独使用 { } 把语句放在一起,成为区块,对于var 来说,在区块内声明变量,不会构成单独的作用域,也就是在 { }外还可以访问到该变量,与在 { } 外访问 a 一样 { var a=100; } console.log(a) //100//100 但是如果使用 let 在 { } 中定义变量,则受作用域影响,因为let定义的变量只生存在该作用域中 ...原创 2018-07-08 17:18:51 · 232 阅读 · 0 评论 -
ES6——语法
对象解构 解构是不分顺序的 它要跟对象里的key值一样 ...拼接数组,与Object.assign相似 ar obj = {a:100,b:200, c:300, ...obj1 } let { b,a,c } = obj console.log(a) //100 ...原创 2018-07-22 16:02:28 · 162 阅读 · 0 评论 -
ES6——ES6转换成ES5
1、使用npm安装转换插件babel-cli,在js文件中引入插件 2、创建babel-cli配置文件.babelrc,输入以下内容 { "presets":[ "es2015" //定义转换规则 ], "plugins":[ ] } 3、在终端输入babel src/index.js -o dist/index.js (src为开发路径,...原创 2018-08-14 10:05:07 · 1560 阅读 · 0 评论 -
ES6——async函数
es2017 标准引入的async函数 使函数的异步更加便捷,优于Generator函数 将promise对象的异步 以同步的方式执行 语法糖 async function () { await promise对象; await promise对象; console.info(123) } 例:使用nodejs环境,模拟异步读取文件 const fs = re...原创 2018-08-14 10:18:38 · 227 阅读 · 0 评论 -
ES6——generator异步处理函数
generator 函数定义 关键字*作为函数前缀 使用yield进行异步处理(function* say() { yield '' };) generator 可以自行异步 通过定义yield 每次执行next函数可以运行 function* getData() { console.info("程序代码返回张三"); yield "张三"; console.info...原创 2018-08-14 10:25:20 · 525 阅读 · 0 评论 -
ES6——``
es6中允许使用 `` 创建字符串模板,可以直接写回车空格编写html或文本 let abc = ` <div> <p>我想去看卡${na}</p> </div> `; $('body').html(abc); 在字符串拼接中,可以代替 ' ' 以及 " " ,在 ` ` 中可以使用 ${ }直接把变量与字符...原创 2018-08-14 10:56:59 · 13681 阅读 · 0 评论 -
ES6——set数据结构
set数据中所有的成员都是唯一的 没有重复的值,所以不能通过下标获取值,数字和字符串在set结构中是不等的, const a = new Set([1,"我",3,4,5,5]); //只有会存在一个5 a.add('5') //增加 a.delete(2); //删除 传递的是要删除的值 而不是索引 a.has(2); //判断一个值 是否在set结构中返回bo...原创 2018-08-14 11:00:09 · 229 阅读 · 0 评论 -
ES6——super关键字
super关键字有两种使用场景 1、当用作方法时 在ES6的构造函数中,ES6的语法规定,在继承于父类的子类的构造函数中,必须使用super(),因为在子类中是不存在上下文指向(this)的,需要使用super()继承父类的构造函数,在此,super()代指的是父类的构造函数,但是super()返回的是子类的上下文(this),加入B继承于A,那么super()就相当于 A.prototype...转载 2019-07-08 14:49:13 · 1443 阅读 · 0 评论