![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
多读书多看报!
~
展开
-
for...in、forEach、for...of三种循环对比
for …of循环ES6 引入了一种全新的遍历方式 for…of 循环,作为遍历所有数据结构的统一方式创建一个obj对象和arr数组const obj = { name:"li", age:21, id:001} const arr = [11,22,33,44];使用for…in 循环//for...in 循环for(var k in obj){ console.log(obj[k]);}使用for…of循环//for..of循环for(let i of原创 2021-03-19 09:37:58 · 371 阅读 · 0 评论 -
ES6 新增class类定义对象类型
在ES2015之前,定义对象的类型,通常使用定义构造函数的方法和定义构造函数的原型对象的方法去定义。在ES2015中 新增了class类定义对象类型class 类//以前的方法 定义一个类型并定义方法function Person(name,age){ this.age = age; this.name = name;}//在原型对象上添加方法Person.prototype.message = function(){ console.log(`${this.name} i原创 2021-03-19 01:36:36 · 535 阅读 · 0 评论 -
ES6的Set、Map、Symbol
Set 数据结构 set 数据结构,可以理解为集合,与数组类似,内部的成员是唯一的(不重复)。const a = new Set();a.add(1),add(2).add(100).add(1);a这个集合通过add方法添加数据后,会有返回值,返回值是它本身,所以可以采用链式添加的方式添加数据。如果遇到重复的数据添加,只添加一次。遍历这个集合:a.forEach(i => console.log(i));还可以使用ES2015的新增的循环for…offor(let i of原创 2021-03-19 01:27:40 · 129 阅读 · 0 评论 -
ES6 中对象字面量的增强和对象扩展方法
对象字面量的增强:在ES6中,在对象中,属性名和变量名相同的时候,可以省略冒号和后面的变量引用const flag = "flag";const obj = { name:"li", flag, age : 21}console.log(obj);对象内部的函数定义方式也可进行简化const obj = { name:"li", age:21, //message:function(){} message(){ console.log(this.n原创 2021-03-19 01:24:05 · 170 阅读 · 2 评论 -
ES6 箭头函数
箭头函数 使用 => 的方式替代了function,使代码更加简短、清晰易读,尤其是极大的简化了回调函数的编写。普通方式编写函数function fn(a){ console.log('function:') return a+1;}console.log(fn(1));使用箭头函数 编写//箭头函数 编写const fun = (a) => { console.log('fun invoked 箭头函数') return a+2;}原创 2021-03-19 01:16:33 · 82 阅读 · 0 评论 -
ES6 模板字符串的认识与扩展
模板字符串反引号(``),可以保留字符串中的回车、换行。支持插入js语句、变量名、表达式、方法的调用等 const name = "li"; const str = `hello , ${name}`; console.log(str);//hello , li模板字符串标签函数将console.log看作一个打印输出的函数,如下,是一个模板字符串标签函数,它输出的结果是一个数组形式的:[’hello world‘]const str = console.log(`hello原创 2021-03-19 01:14:25 · 66 阅读 · 0 评论 -
ES6 数组、对象的解构
数组的解构以前的普通方法获取数组内的值//以前的普通方法const arr = [1,2,3];const a = arr[0];const b = arr[1];const c = arr[2];console.log(a,b,c);ES6 中 利用数组结构,可以很简单的将数组中的值获取到//数组解构 (给一个数组赋值被解构数组,按位置提取被解构数组的元素)const arr = [1, 2, 3];//将a,c,b按顺序存入数组,再给它赋值arr,就能按顺序获取到数组arr的值原创 2021-03-19 01:10:48 · 491 阅读 · 0 评论 -
ES6 关键字块级作用域、let、const
首先什么是作用域?作用域 - 某个成员能够起作用的范围。在 ES2015 之前,ES 只有两种作用域全局作用域和函数作用域,在ES2015之后:• 全局作用域• 函数作用域• 块级作用域块级作用域就是被{}所包围的区域感受没有块级作用域会出现的问题:应该执行9次,外层循环3次,内层循环3次 for(var i = 0;i < 3;i ++){ for(var i = 0;i < 3;i ++){ console.log(i);//实际只执行了3次原创 2021-03-19 01:08:09 · 276 阅读 · 0 评论 -
ECMAScript 和JavaScript的故事
想要了解一下ECMAScript和JavaScript的关系,先了解 ECMAScript是什么。 通常我们将 ECMAScript 看作是 JavaScript 的标准规范。 实际上ECMAScript 只是提供了最基本的语法,JavaScript 在语言基础上进行了扩展。JavaScript 是 ECMAScript 的扩展语言,也可以说JavaScript 是 ECMAScript 的扩展语言。 从2015 年开始 ES 保持每年一个版本的迭代,ES2015 开始按照年原创 2021-03-19 01:03:24 · 122 阅读 · 0 评论