ES6知识补全--1

arguments

JS有一个关键字arguments只在函数内部有效，指向调用所传的参数

例子：
function foo(x){
for(var i=0;i < arguments.length;i++){
console.log(i+‘=’+arguments[i]);
  }
}
foo(10,20,30)
//0=10；
//1=20
//2=30

rest参数（ES6）

由于JavaScript函数允许接收任意个参数，于是我们就不得不用arguments来获取所有参数：

function foo(a,b){
var i,rest=[];
if(arguments.length>2){
for(i=2;i< arguments.length;i++){
rest.push(arguments[i])
}
}
console.log(rest)
//拿到下标大于2的参数组成的数组
等同于
function foo(a,b,…rest){
console.log(rest)
}

变量提升

变量let（ES6）

JS函数定义会扫描整个函数体语句，把所有申明的变量提示到函数顶部：

‘use strict’;

function foo() {
var x = ‘Hello, ’ + y;
console.log(x);
var y = ‘Bob’;
}

foo();
//hello undefined
即将var y在提前声明了，而赋值在之后。
而以上语句使用ES6的let定义会报错
y is not defined
let可用于阻止我们在声明前访问这个变量

常量const（ES6）

const PI=3.14;
PI=3//某些浏览器不报错，但是无效果
PI;

解构赋值(ES6)

传统的把一个数组赋值给几个变量
var array=[‘a’,’b’,’c’];
var x=array[0]
var y=array[1]
var z=array[2]
//使用ES6的解构赋值
var [x,y,z]=[‘a’,’b’,’c’];
对数组元素解构赋值时，多个变量用[]括起来
let [x,[y,z]]=[‘a’,[‘b’,’c’]];
从对象中取出属性：
var person = {
name: ‘小明’,
age: 20,
gender: ‘male’,
passport: ‘G-12345678’,
school: ‘No.4 middle school’
};
var {name, age, passport} = person;