ES6语法详解

let和const

let与传统var的区别

var声明的变量存在变量提升,针对的是全局块

let声明的变量只在块内生效 {}

let

  •  let只在块级作用域内有效,比如定义在条件语句中,那么就只在该条件语句内有效,在条件语句外则无效,在外访问会报错
  • 不能重复声明
  • 不存在变量提升
  • 不会成为window的属性,即在全局作用域中用let声明的变量,使用window.变量名不会生效
function test(){
    var result = 2
    let i = 0;
    
    console.log(i);
}

console.log(result);

const 

用于声明一个常量,它的特性与let一样,只能在块级作用域中有效,不能重复声明,不存在变量提升,不会成为window的属性,但是它一旦声明就不能再修改值

如果声明基本数据类型,声明后是不能修改的,但是如果声明引用数据类型,则可以修改其属性的值

const person = {
name: 'qqq',
age: 22
}
person.name = 'xxx'
console.log(person.name)
此时输出为liaogl,表示修改name属性的值成功

模板字符串 

模板字符串使用反引号来表示,例如:`string`,它的本质上也是字符串,只不过比普通字符串的功能更加强大

可以做字符串拼接,多行字符串,会保留其格式

const person = {
    name:'zhangsan'
}

let string1  = `aaa${person.name}bbb`

解构赋值

数组的解构

const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a, b, c); // 1 2 3

const obj = {x: 1, y: 2, z: 3};
const {x, y, z} = obj;
console.log(x, y, z); // 1 2 3

 对象的解构

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

var person= {
	name:'111',
	age:18,
}

var { name,age} = person

console.log(name);
console.log(age);

对象的属性覆盖

var person= {
	name:'111',
	age:18,
}

var test ={
    name:'lisi'
}

var { name,age,...test} = person

console.log(name); // 输出lisi
console.log(age);

promise新特性在其他篇章介绍

你可能感兴趣的:(前端星球,es6,前端,javascript)