ES6新语法(一)

<script>
    const PI = 3.14;
    console.log(PI);
</script>

//注意 块级作用域中，使用var声明的变量是全局变量
{
    var a = 1;
    console.log(a);//1
}
console.log(a);//1

if(true){
    var b = 2;
    console.log(b);//2
}
console.log(b);//2

<script>
      // let声明的变量可以重新赋值
    {
        let a = 1;
          console.log(a);
          a = 2;
         console.log(a);;
    }
</script>

<script>
  // let声明的变量不能在同一作用域重新声明，直接报错 预解析错误
  {
      let a = 1;
      console.log(a);
      let a = 2;
      console.log(a);
}
</script>

{
     console.log(i);//报错
    let i = 8;
}

var arr = [3,4,5,6,7];

for(let i=0; i<arr.length; i++){
    // (function(i){
        setTimeout(function(){
            console.log(i);
            //console.log(arr[i]);
        }, 1000);
    // })(i);
}

//生成一个随机数
var num=Math.random();

//将这个数字输出到console
console.log('your num is ' + num);
console.log(`your num is ${num}`);

var str = `hello
欢迎来到黑马大讲堂`;
console.log(str);

//ES5中，只能变相实现参数默认值（函数内部加判断处理）
function f1(username){
    //传统的指定默认参数的方式
    var username = username || 'zhangsan';
    console.log('Hello ' + username);
}
f1();//Hello zhangsan
f1('lisi');//Hello lisi


//ES6中，直接给形参设置默认值
function f2(username='zhangsan'){
    console.log(`Hello ${username}`);
    //console.log('Hello ' + username);
}

f2();//Hello zhangsan
f2('lisi');//Hello lisi

//展开数组
var arr = [1, 2, 3];
console.log(arr); // [1, 2, 3]
console.log(...arr); // 1 2 3
//展开字符串
var str = "hello";
console.log(str);
console.log(...str);

//函数本来接收三个单独的参数
function f3(x,y,z){
    console.log(x,y,z);
}

//ES6中，我们可以将一个数组以拓展参数的形式传递，它能很好地映射到每个单独的参数
var arr=[3,4,5];
f3(...arr);//输出：3 4 5 

//ES5中，如果需要传递数组当参数，我们需要使用函数的apply方法
f3.apply(null,arr);//输出：3 4 5 

//不定参数 将多个实参放在一个数组变量中
//  ...x  三个点是固定格式，x是形参变量名
function f1(...x){
    console.log(x);
}
f1(3,4,5); //[3,4,5]

function f2(m, n, ...x){
      console.log(m, n, x);
}
f2(2,3,4,5,6); // m=2  n=3  x=[4,5,6]