ES6。。。

ES6

let关键字

1. let声明的变量会被所有代码块限制作用范围（块级作用域）
   

   // var 声明的变量只有函数能限制其作用域，其他的不能限制
   if (true) {
     var num = 100
   }
   console.log(num) // 100
   

   // let 声明的变量，除了函数可以限制，所有的代码块都可以限制其作用域（if/while/for/...）
   if (true) {
     let num = 100
     console.log(num) // 100
   }
   console.log(num) // 报错
   

2. let不允许重复声明变量
   

   // 使用 var 的时候重复声明变量是没问题的，只不过就是后面会把前面覆盖掉
   var num = 100
   var num = 200
   

   // 使用 let 重复声明变量的时候就会报错了
   let num = 100
   let num = 200 // 这里就会报错了
   

3. let声明的变量不会在预解析的时候解析（也就是没有变量提升）
   

   // 因为预解析（变量提升）的原因，在前面是有这个变量的，只不过没有赋值
   console.log(num) // undefined
   var num = 100
   

   // 因为 let 不会进行预解析（变量提升），所以直接报错了
   console.log(num) // undefined
   let num = 100
   

   // 因为 const 不会进行预解析（变量提升），所以直接报错了
   console.log(num) // undefined
   const num = 100
   

   

const关键字

1. const不允许重复声明变量（是一个常量）
   

   // 使用 const 重复声明变量的时候就会报错
   const num = 100
   const num = 200 // 这里就会报错了
   

2. const也具有块级作用域

 // const 声明的变量，除了函数可以限制，所有的代码块都可以限制其作用域（if/while/for/...）
 if (true) {
   const num = 100
   console.log(num) // 100
 }
 console.log(num) // 报错
 ```

解构赋值

• 解构赋值，就是快速的从对象或者数组中取出成员的一个语法方式

解构对象

• 快速的从对象中获取成员

  // ES5 的方法向得到对象中的成员
  const obj = {
    name: 'Jack',
    age: 18,
    gender: '男'
  }
  
  let name = obj.name
  let age = obj.age
  let gender = obj.gender
  

  // 解构赋值的方式从对象中获取成员
  const obj = {
    name: 'Jack',
    age: 18,
    gender: '男'
  }
  
  // 前面的 {} 表示我要从 obj 这个对象中获取成员了
  // name age gender 都得是 obj 中有的成员
  // obj 必须是一个对象
  let { name, age, gender } = obj
  

解构数组

• 快速的从数组中获取成员

  // ES5 的方式从数组中获取成员
  const arr = ['Jack', 'Rose', 'Tom']
  let a = arr[0]
  let b = arr[1]
  let c = arr[2]
  

  // 使用解构赋值的方式从数组中获取成员
  const arr = ['Jack', 'Rose', 'Tom']
  
  // 前面的 [] 表示要从 arr 这个数组中获取成员了
  // a b c 分别对应这数组中的索引 0 1 2
  // arr 必须是一个数组
  let [a, b, c] = arr
  

{} 是专门解构对象使用的
[] 是专门解构数组使用的
不能混用

模版字符串

• 之前表示字符串的时候使用 '' 或者 ""

• 在 ES6 中，还有一个东西可以表示字符串，就是 ``（反引号）

  let str = `hello world`
  console.log(typeof str) // string
  

• 和单引号好友双引号的区别

  1. 反引号可以换行书写

     // 这个单引号或者双引号不能换行，换行就会报错了
     let str = 'hello world' 
     
     // 下面这个就报错了
     let str2 = 'hello 
     world'
     

     let str = `
     	hello
     	world
     `
     
     console.log(str) // 是可以使用的
     

  2. 反引号可以直接在字符串里面拼接变量

     // ES5 需要字符串拼接变量的时候
     let num = 100
     let str = 'hello' + num + 'world' + num
     console.log(str) // hello100world100
     
     // 直接写在字符串里面不好使
     let str2 = 'hellonumworldnum'
     console.log(str2) // hellonumworldnum
     

     // 模版字符串拼接变量
     let num = 100
     let str = `hello${num}world${num}`
     console.log(str) // hello100world100
     

     • 在 `` 里面的 ${} 就是用来书写变量的位置

展开运算符

• ES6 里面号新添加了一个运算符 ... ，叫做展开运算符

• 作用是把数组展开

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

• 合并数组的时候可以使用

  let arr = [1, 2, 3, 4]
  let arr2 = [...arr, 5]
  console.log(arr2)
  

• 也可以合并对象使用

  let obj = {
    name: 'Jack',
    age: 18
  }
  let obj2 = {
    ...obj,
    gender: '男'
  }
  console.log(obj2)
  

• 在函数传递参数的时候也可以使用

  let arr = [1, 2, 3]
  function fn(a, b, c) {
    console.log(a)
    console.log(b)
    console.log(c)
  }
  fn(...arr)
  // 等价于 fn(1, 2, 3)
  

字符串与数值扩展

字符串

• includes()用于模糊查询等
• 返回值是true和false
  
  
  这里后面的参数是字符串的索引值，例如let myname='eabcd'e所在的位置的索引就是0，然后以索引的位置开始向后查询
• startsWith()
• 判断字符串指定的字符串是不是在一个字符开头
• 返回值是true和false
  
• endsWith()
• 与上同理，只不过判断字符串指定的字符串是不是在一个字符的末尾
  

非整数也会向小的整数转化

数值

Number不会对全局进行一个判断，所以不会把字符后转化为数值