随笔分类 -  ES6

JavaScript 的下一个版本标准
es6-常用
摘要：let和const 3.1. let let和var类似，也是用来声明一个变量，不同的是它支持块级作用域。 let相对于var的区别： let支持块级作用域； let不会发生变量提升； 不允许重复声明（即使之前是用var声明的也不行）； let声明的全局变量不属于window的子属性（也就是let 阅读全文
posted @ 2020-10-26 18:56 千年轮回 阅读(203) 评论(0) 推荐(0)
ES-Module的使用
摘要：1.ES6在语言标准的层面上，实现了模块功能，成为浏览器和服务器通用的模块解决方案，完全可以取代 CommonJS 和 AMD 规范，基本特点如下： 每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取； 每一个模块内声明的变量都是局部变量， 不会污染全局 阅读全文
posted @ 2020-10-15 16:01 千年轮回 阅读(570) 评论(0) 推荐(1)
class类 - extends
摘要：继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异，如果学过java的小伙伴应该很容易理解，都是通过 extends 关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码： 输出： 上面代码中，子类的constructor方法和say方法中，都出现了 阅读全文
posted @ 2019-12-20 10:28 千年轮回 阅读(3638) 评论(0) 推荐(0)
class类 - static
摘要：不需要实例化类，即可直接通过该类来调用的方法，即称之为“静态方法”。将类中的方法设为静态方法也很简单，在方法前加上static关键字即可。这样该方法就不会被实例继承！ 上面的代码一，类Box的a方法前有static关键字， 表明该方法是一个静态方法， 可以直接在Box类上调用。静态方法只能在静态方法 阅读全文
posted @ 2019-12-20 10:25 千年轮回 阅读(4189) 评论(0) 推荐(0)
includes()函数的用法
摘要：在ES5，Array已经提供了indexOf用来查找某个元素的位置，如果不存在就返回 1，但是这个函数在判断数组是否包含某个元素时有两个小不足，第一个是它会返回 1和元素的位置来表示是否包含，在定位方面是没问题，就是不够语义化。另一个问题是不能判断是否有NaN的元素。 用法 参数 searchStr 阅读全文
posted @ 2019-11-27 14:33 千年轮回 阅读(3741) 评论(0) 推荐(0)
扩展运算与解构赋值
摘要：扩展运算 函数 解构赋值 改变对象属性名 对象多层解构 循环解构 ...扩展与解构赋值结合 如果将扩展运算符用于数组赋值，只能放在参数的 ，否则会报错 阅读全文
posted @ 2019-11-21 13:56 千年轮回 阅读(262) 评论(0) 推荐(0)
array常用方法
摘要：| 方法 | 描述 | | : | : | | "concat()" | 连接两个或更多的数组，并返回结果。 | | "fill()" | 使用一个固定值来填充数组。 | | "find()" | 返回符合传入测试（函数）条件的数组元素。 | | "findIndex()" | 返回符合传入测试（函 阅读全文
posted @ 2019-11-14 09:41 千年轮回 阅读(251) 评论(0) 推荐(0)
常用的循环遍历
摘要：[TOC] forEach() 遍历数组 map() 遍历并返回处理后的数组 for of filter() || findIndex 返回符合条件所有元素的数组 some() || every() 检测数组元素中是否有元素符合指定条件,返回逻辑值 every:一假即假 some:一真即真 redu 阅读全文
posted @ 2019-11-13 16:08 千年轮回 阅读(419) 评论(0) 推荐(0)
ES6基础之——new Set
摘要：Set 对象存储的值总是唯一的 Set 对象方法 方法 描述 add 添加某个值，返回Set对象本身。 clear 删除所有的键/值对，没有返回值。 delete 删除某个键，返回true。如果删除失败，返回false。 forEach 对每个元素执行指定操作。 has 返回一个布尔值，表示某个键是 阅读全文
posted @ 2019-11-08 15:05 千年轮回 阅读(55536) 评论(3) 推荐(1)
ES6基础之——get 与 set
摘要：```js class Chef{ constructor(food){ this.food = food; thid.dish = []; } //getter get menu(){ return this.dish } //setter set menu(dish){ this.dish.push(dish) } cook(){ console.log(this.food) } } let 阅读全文
posted @ 2019-11-08 14:26 千年轮回 阅读(1541) 评论(0) 推荐(0)