1.let声明变量
var 声明的变量没有局部作用域, let 声明的变量 有局部作用域
{
var a = 0
let b = 1
}
console.log(a) // 0
console.log(b) // ReferenceError: b is not defined
var 可以声明多次,let 只能声明一次
var m = 1
var m = 2
let n = 3
let n = 4
console.log(m) // 2
console.log(n) // Identifier 'n' has already been declared
2.const声明常量
只读变量, 一旦定义,不能改变
//定义常量
const PI = "3.1415"
//常量值一旦进行定义, 就不能再改变了
PI = 3 //Uncaught TypeError: Assignment to constant variable.
//定义常量必须初始化
const AA//Uncaught SyntaxError: Missing initializer in const declaration
3.解构赋值
解构赋值是对赋值运算符的扩展。
他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。
在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。
4.模板字符串
模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。
//1.使用` 实现数据自动换行
let str1 = `hello,
es6 demo up!`
//console.log(str1)
//2.在 ` 的符号中使用表达式获取变量值
let name = "Mike"
let age = 20
let str2 = `hello,${name},age is ${age+1}`
console.log(str2) //hello,Mike,age is 21
//3.在 ` 符号中调用方法
function f1(){
return "hello f1"
}
let str3 = `demo,${f1()}` //用表达式${} f1这个方法执行, 就可以取到值
console.log(str3) //demo,hello f1
5.声明对象简写
const age = 12
const name = "lucy"
//传统方式定义对象
const p1 = {name:name,age:age}
console.log(p1)
//es6
const p2 = {name,age}
console.log(p2) //{age: 12, name: "Amy"}
6.定义方法简写
// 传统
const person1 = {
sayHi:function(){
console.log("Hi")
}
}
//调用
person1.sayHi();//"Hi"
//es6 去掉了function
const person2 = {
sayHi(){
console.log("Hi")
}
}
//调用
person2.sayHi();//"Hi"
7.对象拓展运算符
有可遍历属性然后拷贝到当前对象。
//1.拷贝对象
let person1 ={"name":"lucy","age":"21"}
//person1中的内容赋值给person2
let person2 ={...person1}
console.log(person2) //age: "21" name: "lucy"
//2.合并对象
let name = {name:'marry'};
let age = {age:20}
let p2 = {...name,...age}
console.log(p2) //age: 20 name: "marry"
8.箭头函数
箭头函数提供了一种更加简洁的函数书写方式。基本语法是:
参数 => 函数体
//传统方式创建方法
var f1 = function(m){
return m+1
}
console.log(f1(3)) //4
//使用箭头函数改造
var f2 = m => m
console.log(f2(8)) //8
//2.复杂一点的方法
var f3 = function(a,b){
return a+b
}
//console.log(f3(1,2)) //3
//箭头函数简化
var f4 = (a,b) => a+b
console.log(f3(2,2)) //4