JS---ES6

let、const、var的区别:
1、块级作用域:

2、变量提升:var存在变量提升,let和const不存在变量提升

3、给全局添加属性:var声明的变量是全局变量,并且会将该变量添加为全局变量的属性,let和const不会。

4、重复声明:var可以重复声明变量,后面的会覆盖前面的,const和let不可以重复声明变量

5、暂时性死区:在let和const命令声明变量之前,是不可用的,var则不存在暂时性死区

6、初始值设置:const声明变量必须设置初始值

7、指针指向:let创建的变量可以更改指针指向(可以重新赋值),const声明的变量不可以改变指针的指向。

箭头函数和普通函数的区别:

若没有参数,就直接写一个空括号即可

若只有一个参数,可以省去参数的括号

若有多个参数,用逗号分隔

若函数体的返回值只有一句,可以省略大括号

若函数体不需要返回值,且只有一句话,可以给这句话前面加一个void关键字。

箭头函数没有自己的this:继承自己作用域的上一层this,之后永远不会改变

call()、apply()、bind()不会改变箭头函数中的this指向

箭头函数不能作为构造函数使用

箭头函数没有自己的arguments、prototype

箭头函数不能用作Generator函数,不能使用yeild关键字

扩展运算符:

1、对象扩展运算符(...):用于取出参数对象中的所有可遍历属性,拷贝到当前对象中。

let bar = { a: 1, b: 2 };
let baz = { ...bar }; // { a: 1, b: 2 }

等价于:

let bar = { a: 1, b: 2 };
let baz = Object.assign({}, bar); // { a: 1, b: 2 }

Object.assign(目标对象,源对象)方法用于对象的合并,将源对象的所有可枚举属性复制到目标对象。若目标对象和源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性

注意:扩展运算符对对象实例的拷贝属于浅拷贝

2、数组扩展运算符:数组的扩展运算符可以将一个数组转为用逗号分隔的参数序列,且每次只能展开一层数组

console.log(...[1, 2, 3])
// 1 2 3
console.log(...[1, [2, 3, 4], 5])
// 1 [2, 3, 4] 5

应用:

将数组转换为参数序列

function add(x, y) {
  return x + y;
}
const numbers = [1, 2];
add(...numbers) // 3

复制数组

const arr1 = [1, 2];
const arr2 = [...arr1];

注意:用于取出参数对象中所有可遍历属性,拷贝到当前对象之中。这个参数对象是个数组,数组里面的所有对象都是基础数据类型,将所有基础数据类型拷贝到新数组中

合并数组

//数组内合并数组
const arr1 = ['two', 'three'];
const arr2 = ['one', ...arr1, 'four', 'five'];// ["one", "two", "three", "four", "five"]

使用Math函数获取数组中特定的值

const numbers = [9, 4, 7, 1];
Math.min(...numbers); // 1
Math.max(...numbers); // 9

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值