ES6
文章平均质量分 69
对ES6新特性的学习
努力做一只合格的前端攻城狮
这个作者很懒,什么都没留下…
展开
-
ES6类解析
ES6类解析class的基本语法class的基本语法在ES6标准中提供class关键字来定义类,在写法上更简洁、语义化更强。class People{ constructor(name,age){ this.name = name; this.age = age; } Instring(){ console.log('我喜欢羽毛球'); }}ES6 的class与ES5写法的几个核心注意点:1、ES5 的构造函数P原创 2021-12-28 19:32:55 · 1680 阅读 · 0 评论 -
Symbol解析
Symbol解析什么是Symbol作用什么是SymbolES5中提供了6种数据类型分别是:undefined、null、boolean、string、number、object。ES6中新增了一种数据类型Symbol来表示唯一的值,每个创建的Symbol都是唯一的,这样在实际运用中可以创建一些唯一的属性及定义私有变量。如何创建Symbol值:let a = Symbol();let b = Symbol();console.log(a);//Symbol()console.log(b);//S原创 2021-12-28 10:29:58 · 2826 阅读 · 0 评论 -
模板字符串
模板字符串ES5标准中一般输出模板是通过字符串拼接的方式进行的。在ES6中可以通过模板字符串简化字符串的拼接,模板字符串通过反引号来表示"``",如果要嵌入变量通过"${ 变量名 }"来实现。let name = '小萱';let age = 21;console.log("姓名:"+name+','+"年龄:"+age);//姓名:小萱,年龄:21console.log(`姓名:${name},年龄:${age}`);//姓名:小萱,年龄:21模板字符串真正意义上实现了多行字符串。而且他能做原创 2021-12-28 10:29:11 · 2849 阅读 · 0 评论 -
ES6模块化
ES6模块化npm init修改package.json文件export导出导出一个变量。导出多个变量导出重命名变量导入导入单个绑定导入多个绑定导入全部模块作为对象默认导出(export default)一个模块只能有一个默认导出导出多个变量混合导出重命名export和importES6的模块化分为导出(export)与导入(import)两个模块。npm init生成package.json文件,里面有各种依赖包的信息。修改package.json文件{ "name": "text",原创 2021-12-27 17:35:16 · 258 阅读 · 0 评论 -
箭头函数解析
箭头函数解析概念箭头函数写法总结概念ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义。箭头函数写法1、没有参数,用括号代替let fun = ()=> "张三"console.log(fun());//张三2、一个参数,括号可以省略let fun1 = arg=> argconsole.log(fun1("张三"))//张三3、多个参数let fun2 = (arg1,arg2)=> arg1 + a原创 2021-12-25 21:48:51 · 487 阅读 · 0 评论 -
let、count和var的用法和区别。
let、count和var的用法和区别。var的用法let的用法const的用法总结ES5中定义作用域有两种:全局作用域和函数作用域,ES6中新增了块级作用域,用"{}"表示。var的用法var 存在全局作用域和函数作用域两种。但是因为var声明的变量会有一定的缺点(内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量)。function sum(a,b){ var add = a+b; return add;}console.log(sum(2,3));//5原创 2021-12-24 20:46:46 · 3447 阅读 · 0 评论 -
ES6-集合
ES6-集合Set集合(1)add():添加值,返回Set结构本身(2)delete():删除值,并返回一个boolean 表示是否删除成功。(3)has():判断该值是否存在,并返回一个Boolean。(4)clear():清除所有值。没有返回值。遍历Set的方法1、for...of2、forEach()3、Set可以接受一个数组作为参数WeakSetWeakSet支持的方法和属性WeakSet 的应用场景/好处Map集合:属性基本方法遍历方法转为数组结合数组的map方法、filter方法,可以实现 Ma原创 2021-12-13 22:25:05 · 918 阅读 · 0 评论 -
ES6新特性-解构赋值
ES6新特性-解构赋值Spread / Rest 操作符数组的解构对象的解构默认值和参数的解构Spread / Rest 操作符Spread / Rest 操作符 :Spread / Rest 操作符指的是 '...',具体是 Spread 还是 Rest 需要看上下文语境。(1)当被用于迭代器中时,它是一个 Spread 操作符:迭代器 (Iterator)是按照一定的顺序对一个或多个容器中的元素行进遍历的一种机制。spread运算符常常用于数组的解析与构造:function foo(x,y,z原创 2021-12-13 21:00:00 · 1317 阅读 · 0 评论