React-Native_02:语法篇

1.简介


ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

JavaScript的创造者Netscape公司，之后将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准，ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现，

之所以不叫JavaScript，有两个原因。
一是商标，Java是Sun公司的商标，根据授权协议，只有Netscape公司可以合法地使用JavaScript这个名字，且JavaScript本身也已经被Netscape公司注册为商标。
二是想体现这门语言的制定者是ECMA，不是Netscape，这样有利于保证这门语言的开放性和中立性。

在线将ES6代码转为ES5代码（https://babeljs.io/repl/）
Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。

2.变量声明
ES5只有2种声明变量的方法：var、function。
ES6共有6种声明变量的方法：var、function、let、const、import(require)、class。

2.1 var命令

var a = 10;
var b = 20;
var c = 30;

var a = 10,b = 20,c = 30;

var arr = [1,2,3,4,5];
var a = arr[0];
var b = arr[1];
var c = arr[3];

var obj = {
  name: 'gary',
  age: 20
}
var a = obj.name;
var b = obj.age;

没有用var关键字，使用直接赋值方式声明的是全局变量，例如：
a = 10;

全局对象是最顶层的对象，在浏览器环境指的是window对象，在Node.js指的是global对象。ES5之中，全局对象的属性与全局变量是等价的。
window.a = 1;
a // 1
a = 2;
window.a // 2

2.2 function命令
var 方式定义的函数，不能先调用函数，后声明，只能先声明函数，然后调用。
function方式定义函数可以先调用，后声明。

aaa();//这样调用就会出错   
var aaa = function(){   
      alert("aaa");   
  }   
aaa();//这样就不会出错   
    
//先调用后声明   
bbb();   
function bbb(){   
      alert("bbb");   
}   


2.3 let命令

块级有效
ES5只有全局作用域和函数作用域，没有块级作用域，在ES6中，let实际上为JavaScript新增了块级作用域。
用来声明变量，用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

for循环的计数器，就很合适使用let命令。例如：
var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[5](); //10
a[6](); // 10

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[5](); //5
a[6](); // 6

变量提升
let不像var那样会发生“变量提升”现象??????


console.log(foo); // 输出undefined
console.log(bar); // 报错ReferenceError
var foo = 2;
let bar = 2;

实测结果两个都是undefined，应该是网上资料错误，可以通过Babel来了解底层原理

暂时性死区
只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。
var tmp='dev';
if (true) { 
  console.log(tmp);

  let tmp; 
  console.log(tmp);

  tmp = 123;
  console.log(tmp);
}
在let命令声明变量tmp之前，都属于变量tmp的“死区”。


不允许重复声明
let不允许在相同作用域内，重复声明同一个变量。
// 报错
function test() {
  let a = 10;
  var a = 1;
}
// 报错
function test() {
  let a = 10;
  let a = 1;
}
因此，不能在函数内部重新声明参数。
function func(arg) {
  let arg; // 报错
}
function func(arg) {
  {
    let arg; // 不报错
  }
}


2.4 const命令

const声明一个只读的常量。一旦声明，就必须立即初始化，不能留到以后赋值。也不能改变。
const PI = 3.1415;
console.log(PI); // 3.1415
PI = 3;// TypeError: Assignment to