ES6
奄奄一息的一条咸鱼
这个作者很懒,什么都没留下…
展开
-
ES6:Set数据结构的使用方法及使用set数组去重
ES6提供了新的数据结构Set,类似于数组,但成员的值都是唯一的,没有重复的值,因此可以利用Set去重。Set本身是一个构造函数,用来生成Set数据结构,使用时可以直接new Set()进行使用。// Set函数可以接收一个数组作为参数,用来初始化// Set函数中有一个size属性,表示存放了几个内容const a = new Set([1,2,3]);console.log(a.size); // 输出3,因为存放了3个内容1 2 3const a2 = new Set();consol原创 2021-07-21 13:22:09 · 1470 阅读 · 0 评论 -
ES6:ES6的内置对象String字符串的扩展方法
模板字符串:ES6新增了创建字符串的方式,使用反引号来定义``。声明一个模板字符串:let name = `我是一个模板字符串`;console.log(name); // 和普通字符串一样可以输出内容模板字符串的特点:1.模板字符串可以解析变量// 普通字符串需要拼接,而模板字符串直接使用${}就可以let name = `Alice`;let sayHello = `大家好,我叫${name}`;console.log(sayHello); // 输出:大家好,我叫Alice2原创 2021-07-20 13:14:58 · 147 阅读 · 0 评论 -
ES6:ES6的内置对象Array数组的扩展方法
Array数组的扩展方法扩展运算符:可以将数组或对象转为用逗号分隔的参数序列,正好和剩余参数相反。// 数组中的,逗号会被当作方法的参数分隔符let ary = ["a","b","c","d"];console.log(...ary); // 输出结果为a b c d扩展运算符也可以应用与合并数组。第一种方法合并数组:let arr1 = [1,2,3]; // 拆分为1,2,3let arr2 = [4,5,6]; // 拆分为4,5,6let newArr = [...arr1,.原创 2021-07-19 13:10:57 · 444 阅读 · 0 评论 -
ES6:ES6中的剩余参数
剩余参数语法允许我们将一个不定数量的参数表示为一个数组。也就是当函数的实参个数大于形参个数时,可以将剩余的实参放到一个数组中。简单代码示例: // 普通写法,不使用arguments和剩余参数,s1存的是10,s2存的是20,实参30不会被形参接收 function sum(s1,s2){ console.log(s1); // 10 console.log(s2); // 20 } sum(10,20,30); // 使用原创 2021-07-18 09:05:24 · 254 阅读 · 0 评论 -
ES6:箭头函数的特点及this问题
箭头函数是用来简化函数定义语法的:// 如下就是一个箭头函数const fn = () => { console.log(123);}fn();1.在箭头函数中,如果{}函数体只有一句代码,且代码的执行结果就是函数的返回值,函数体大括号{}可以省略不写。 const fn = (x,y) => { return x+y; } console.log(fn(1,3)); // 4原创 2021-07-16 13:09:10 · 325 阅读 · 0 评论 -
ES6:解构赋值(数组解构、对象解构)
解构赋值:解构代表分解数据结构,赋值指的是为变量赋值。ES6中允许从数组中提取值,按照对应位置,对变量赋值。对象也可以实现解构。数组解构:我们要将数组中的值解构出来,赋值给另外的变量,数组解构允许我们按照一一对应的关系从数组中提取值,然后把值赋值给变量。简单代码示例:// 此时=左边的[]不代表数组,代表的是解构let [a,b,c] = [1,2,3]console.log(a,b,c); // 输出1,2,3// 相当于没有为c赋值let [a,b,c] = [1,2]原创 2021-07-15 13:02:32 · 377 阅读 · 0 评论 -
ES6:ES6新增语法:const常量关键字
const的作用:声明常量,常量就是值(内存地址)不能变化的量,也就是const的值不可更改,且const声明的变量也就有块级作用域的特性。简单代码示例:if(true){ const a = 10; console.log(a); // 10}console.log(a); // 报错,a未定义...原创 2021-07-14 13:18:14 · 302 阅读 · 0 评论 -
ES6:ES6中的新增语法:let关键字
1.let声明的变量只在所处区域的块级有效,比如在if(){}语句的大括号内声明了一个变量:let num = 10; 那么在if(){}语句的大括号外面是无法访问到num变量的,非要访问只会报错。简单代码示例:// let关键字就是用来声明变量的if(true){ let num = 10; if(true){ let per = 000; } console.log(per); // 也会报错}console.log(num); // 报错原创 2021-07-13 13:24:23 · 299 阅读 · 0 评论 -
ES6:class类的继承和super关键字
类的继承:<script> // 创建一个class类 class Father{ constructor(){ } money(){ console.log("我有10000元"); } } // Son继承了父亲Father class Son extends Father{原创 2021-06-10 13:14:28 · 243 阅读 · 0 评论 -
ES6:创建class类及添加属性和方法
我们通过class关键字来创建类,类名建议首字母大写类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象constructor函数,只要new了一下,就会自动调用这个函数,如果我们不写这个函数,class类也会自动调用类里面的所有函数不用加function多个函数之间不用加逗号隔开语法格式:class Name { ......}创建示例:tips:类必须使用new来实例化对象var xx = new Name();代码示例:<script&.原创 2021-06-09 13:19:42 · 1333 阅读 · 0 评论