
ES6
文章平均质量分 50
学习
boboj1
web前端在职两年
展开
-
es6知识大合集,学习复习两不误
文章目录变量声明let(相当于之前的var)const(常量,定义好了不能改变)块级作用域解构赋值字符串模板函数变化参数变化扩展运算符、Rest运算符(...)箭头函数数组新增一个运算符(**)for...of...Array.form()Array.of()新增的数组的几个方法对象简介语法及对象新增对象简介语法对象扩展运算符Object.is()Object.assign()keys,values,entriesPromise语法:Promise.resolve()Promise.reject()Prom原创 2021-06-01 21:00:48 · 119 阅读 · 0 评论 -
ES6语法 学习笔记(十)Set和Map
Set set数据结构类似于数组,但是里面不能有重复的值 注意:Set({a:1})这样使用是错误的,括号里面不能直接放对象,但可以通过add()方法进行添加 用法: let a = new Set(['a','b']); console.log(a);//{"a", "b"} set数据结构的几种方法 add() – 添加一项 该方法可以链式调用 let a = new Set(['a','b']); a.add(1); //a.add(1,2);//这样写也只会添加1进去 console.lo原创 2021-04-28 23:12:45 · 106 阅读 · 0 评论 -
ES6语法 学习笔记(九)generator&async
generator、async generator generator(生成器),整个Generator函数就是一个异步任务的容器,在需要暂停的位置使用yield语句 基本语法以及使用 function * show() { yield '1'; yield '2'; return '3'; } let a = show(); //a.next() //{value: "1", done: false} //a.next() //{value: "2", done: false}原创 2021-04-28 18:59:27 · 162 阅读 · 0 评论 -
ES6语法 学习笔记(八)Symbol
新增数据类型symbol js中的数据类型有:number、string、boolean、object、function、undefined、symbol symbol是es6新增的一种数据类型,它表示的是唯一的值(该值用Symbol声明后就是唯一的) symbol的理解和使用 定义: let syml = Symbol('aaa'); //括号里面的'aaa'并不是syml存储的值,它只是Symbol的描述 console.log(syml);//Symbol(aaa) 注意: 1.即使S原创 2021-04-28 16:50:31 · 125 阅读 · 0 评论 -
ES6语法 学习笔记(七)类-继承
类-继承 ES5中的继承方式 普通的继承方式 //父类 function Father(name) { this.name = name; } Father.prototype.showName function() { return `名字是:${this.name}`; } //子类 function Son(name,age) { Father.call(this,name); this.age = age; } Son.prototype = new Fathe原创 2021-04-26 14:49:17 · 128 阅读 · 0 评论 -
ES6语法 学习笔记(六)Promise
Promise 作用:解决异步回调的问题,Promise是一个对象 Promise对象有三种状态:pendding(正在请求),rejected(失败),resolved(成功) 语法: let promise = new Promise(function(resolve,reject){ //resolve 调用成功 //reject 调用失败 }); promise.then((res) => {//then中有两个参数,res对应resolve的回调,err对应re原创 2021-04-25 15:14:04 · 177 阅读 · 0 评论 -
ES6语法 学习笔记(五)对象
对象简介语法及对象新增 对象简介语法 let name = 'Strive'; let age = 18; let json ={ name, //name:name, age, //age:age /* showA:function(){ return this.name; } */ showA(){ return this.name; }, showB(){原创 2021-04-25 09:57:55 · 116 阅读 · 0 评论 -
ES6语法 学习笔记(四)数组
数组 新增一个运算符(**) 用法: //Math.pow(2,3) 相当于 2 ** 3 for…of… arr.keys() 数组下标 arr.entries() 数组的某一项 用法示例: let arr = ['apple','banana','orange','tomato']; for(let val of arr){ console.log(val); } for(let index of arr.keys()){ console.log(index)原创 2021-04-24 15:44:42 · 164 阅读 · 0 评论 -
ES6语法 学习笔记(三)函数变化
参数变化 1.函数默认参数 function show(a='456',b='123'){ console.log(a,b); } show(); //不传参数则打印默认值,如果默认值也没有则是undefined undefined //也可以穿的是一个对象 function show({x=0,y=0}={}){ console.log(x,y); } show(); 2.函数参数默认已经定义了,不能再使用let,const再定义 function show(a=18){ l原创 2021-04-22 11:58:12 · 284 阅读 · 0 评论 -
ES6语法 学习笔记(二)解构赋值-字符串模板
解构赋值 几个用法示例: //解构赋值时要一一对应 //1. let [a,b,c] = [1,2,3]; console.log(a,b,c);//1,2,3 //2. let [a,[b,c]] =[12,[5, 6]]; //3. let json ={ name:'qwe', age:18, job:'student' }; let {name,age, job} = { name:'qwe', age:18原创 2021-04-22 11:56:27 · 174 阅读 · 0 评论