es6

本文详细介绍了ES6的几个核心特性,包括let与const的声明区别,解构赋值在数组和对象中的应用,字符串的新方法如includes()、startsWith()、endsWith()和repeat(),模板字符串的使用,以及数组的合并。此外,还探讨了箭头函数的用法,如参数默认值、参数解构、不定参数和扩展运算符,并强调了箭头函数与this的绑定特性。
摘要由CSDN通过智能技术生成

一、let与const

**let:**声明的变量只在let命令所在的代码块内有效。与js(var)不同,let只能声明一次而var可以声明多次。

var a=1
var a=2
console.log(a)   //a=2

let b=1
let b=2
console.log(b)   //报错

**const:**声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错.

二、解构赋值

1.数组模型的解构
1.可忽略

let [a,,b]=[1,2,3]
console.log(a,b)  //a=1  b=3

2.不完全解构

let [a = 1, b] = []; // a = 1, b = undefined

3.剩余运算符

let [a, ...b] = [1, 2, 3];
//a = 1
//b = [2, 3]

4.字符串
在数组的解构中,解构的目标若为可遍历对象,皆可进行解构赋值。

let [a,b,c,d]='我太难了'
console.log(a,b,c,d)// 我 太 难 了

2.对象模型的解构
1.基本

let {
    foo, bar } = {
    foo: 'aaa', bar: 'bbb' };
// foo = 'aaa'
// bar = 'bbb'
 
let {
    baz : foo } = {
    baz : 'ddd' };
// foo = 'ddd'

2.剩余运算符

let {
   a, b, ...rest} = {
   a: 10, b: 20, c: 30, d: 40};
// a = 10
// b = 20
// rest = {
   c: 30, d: 40}

3.可嵌套可忽略

let obj = {
   p: ['hello', {
   y: 'world'}] };
let {
   p: [x, {
    y }] } = obj;
// x = 'hello'
// y 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值