前言：本篇主要学习es6的箭头函数、函数参数默认值设置、rest参数、扩展运算符。一、箭头函数及其声明特点1.1声明一个函数//老方法去声明函数
let fn =function(){
}
//用箭头函数去声明函数
let fn(a,b) => { //变量可以放在小括号里面
return a+b;
}
//调用函数
let result = fn(1,2);
c
上一章请见：1. ES6 随记（1）-- let 与 const2. ES6 随记（2）-- 解构赋值3. ES6 随记（3.1）-- 字符串的拓展4. ES6 随记（3.2）-- 正则的拓展 & 数值的拓展5. ES6 随记（3.3）-- 数组的拓展 4. 拓展e. 函数的拓展· 参数默认值。此节与结构赋值关
转载
2024-06-11 06:57:03
68阅读
定义函数时为参数指定默认值的能力，是现代动态编程语言的标配。在ES6出现之前，JavaScript是没有这种能力的，框架为了实现参数默认值，用了很多技巧。ES6 的默认参数值功能，与其他语言的语法类似，但功能更强大。首先，是可以用标量值为函数参数指定默认值，这个标量可以是基本类型、数组、对象。例1：function foo(name = {first:"张",last:"三"},age = 20,
转载
2024-02-21 14:23:51
73阅读
个人开这个公众号的初心是为了积累知识，因此并没有做什么推广，再说自己也不知道怎么推广，推广之后又能干些什么。已经将近10天没发文章了，虽然每天都加班，但也不会一点时间都没有，有时还是会懒癌发作不想学习。可能是因为还没找的动力源吧，还在寻找中……希望能找到动力，并坚持地积累下去。属性、方法简介表示法属性简写：传统返回法es6返回法结果是一样的。方法简写：传统写法es6写法结果也一样。属性赋值器与取值
解构赋值解构赋值可以将数组中的元素或对象中的属性赋值给指定的变量。1. 数组解构1.1 基本用法var a, b, rest;
// 数组解构
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20
// 变参解构
[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a);
目录一、创建类和对象二、类中添加其方法 三、类的继承super()方法 四、子类继承父类的方法同时扩展自己的方法五、super关键字调用父类的普通函数 六、使用类的注意事项 使用类的注意事项总结：1. 在 ES6 中的类没有变量提升，必须先定义类，才能通过类实例化对象。2. 类里面的共有的属性和方法一定要加this使用。3.constructor 里面的th
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。function Point(x, y) {
this.x = x;
this.y = y;
}
Point.prototype.toString = function() {
return '(' + this.x + ',' + this.y + ')';
}
转载
2024-10-15 20:41:11
63阅读
es6新增结构赋值，结构赋值分为两种 数组解构赋值，对象解构赋值。 数组解构赋值：分别按顺序给数组中的每一项赋值。 如上所示如果c未给赋值，c为undefind。a==1,b==2 那么3并没有被保存到变量中，这时如果想要将剩余值进行保存，可以只用“...”...c 这样的形式，可以将剩余值以数组的形式将其保存到变量c中。另外...可用于复制数组实际项目中有时候我们需
变量的解构赋值ES6有了一个新的黑科技赋值方法那就是解构赋值，学会了这个赋值方法，敲代码的时候会得到装B加成。一、数组的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前赋值变量只能。let a=a;
let b=b;
let c=c;ES6中允许这样写。let [a,b,c]=[a,b,c]上面的代码可以看出，变量的名字与值对
作为一个开发者，跟进行业步伐是非常需要的，不能躺在现有的知识和经验温床上做美梦。JavaScript的ES2015标准（即我们说...
转载
2017-01-10 10:53:00
56阅读
2评论
作为一个开发者，跟进行业步伐是非常需要的，不能躺在现有的知识和经验温床上做美梦。JavaScript的ES2015标准（即我们说...
转载
2017-01-10 10:53:00
50阅读
2评论
1.函数默认值function add（a,b=3）{
return a+b;
}
add(1,2);//3
add(1);//4理解起来也很简单，就是在函数定义的时候设置一个默认值，当调用函数没有传参时，可以根据默认值为其匹配一个参数值这样子的好处嘛，可以避免在调用时没有传参导致函数报错，同时对于阅读代码也更加直观了，代码量也更少了，嘻嘻 直观是因为我们只需要看函数就知道该参数
转载
2024-03-17 11:34:59
40阅读
目录一：块级作用域：二：解构数组：1.①原先的：将数组元素分别赋值给变量 ②现在的：将数组元素分别赋值给变量2. 还可以利用和...args剩余参数一样的特性将剩余的放进另一个数组里 3.①原先的：数组里两个数交换位置 声明的数组后面一定要写分号;②现在的：数组里两个数交换位置 4.①原先的：数组求和②现在的：数组求和三：解构对象①原先的：赋值取对象属性并
ES6 允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构一、数组的解构赋值以前，为变量赋值只能直接指定值 如下：let a = 1
let b = 2
let c = 3ES6 允许写成下面这样 如下：let [a, b, c] = [1, 2, 3]上面的代码表示，可以从数组中提取值，按照对应位置对应变量赋值，这种写法属于‘模式匹配’， 只有等号两边的模式相同，左边的变量就
转载
2024-05-30 10:32:17
231阅读
set集合一、set集合1.创建set集合2.set集合后续操作3.与数组进行相互转换4.遍历3.set集合应用二、map集合1.创建map2.后续操作3.和数组互相转换4.遍历三、WeakSet 和 WeakMap1.WeakSet2. WeakMap 一、set集合一直以来，JS只能使用数组和对象来保存多个数据，缺乏像其他语言那样拥有丰富的集合类型。因此，ES6新增了两种集合类型（set 和
转载
2024-10-10 09:42:29
92阅读
var abc = ({a = 123, b = 321, c = 456} = {}) => console.log(20181109155055, a) abc()
转载
2018-11-09 15:57:00
88阅读
2评论
形参的默认值 当不传入参数的时候默认使用形参里的默认值 function Point(x = 1,y = 2) { this.x = x; this.y = y; } //定义一个点的坐标 function Point(x=12, y=12) { this.x = x; this.y = y; } ...
转载
2021-10-07 19:41:00
260阅读
2评论
ES6新特性之 函数默认参数的写法 、 箭头函数的用法
ES6新特性之 函数参数的默认值写法 和 箭头函数。1、函数参数的默认值 ES5中不能直接为函数的参数指定默认值，只能通过以下的变通方式： 从上面的代码可以看出存在一个问题，当传入的参数为0或者false时，会直接取到后面的值，而不是传入的这个参数值。 那怎么解决呢？对于上图的
转载
2024-03-14 08:20:47
45阅读
数组的解构赋值一、基本用法 1、完全解构：等号两边的模式相同，左边的变量就会被赋予对应的值。 2、不完全解构：等号左边的模式，只匹配一部分的等号右边的数组，解构依然可以成功 3、解构不成功：等号左边变量的值为undefined 二、默认值 1、数组成员严格等于undefined，默认值生效。 2、数组成员为null，默认值不生效。 3、默认值是表达式，此表达式是惰性求值，只有在用的时候才会求值。
转载
2024-10-29 14:40:34
110阅读
一、语法形式：(参数1, 参数2, …, 参数N) => { 函数声明 }
(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }只有一个参数时，圆括号可加可不加：(单一参数) => {函数声明}
单一参数 => {函数声明}但没有参数的函数应该写成一对圆括号:() =>
