Vue.js_00_ES6 语法

本系列博客汇总在这里：Vue.js 汇总

---

源码工程文件为：

一、什么是 ES6？

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

二、let/var 关键字

事实上，var 的设计可以看成 JavaScript 语言设计上的缺陷，但是这种错误多半不能修复和移除，因为需要向后兼容。

• 大概十年前，Brendan Eich 就决定修复这个问题，于是他添加了一个新的关键字：let。
• 我们可以将 let 看成更完美的 var。

块级作用域 {…}

• Js 中使用 var 来声明一个变量时，变量的作用域主要是和函数的定义有关。
• 同时，var 针对于其他块定义来说是没有作用域的，比如 if/for 等，这在我们开发中往往会引起一些问题（也是相当危险的）。
• • 我们先来看 if 语句的情况
    
    
    
• • 我们再来看 for 语句的情况
    
    
    
• 而 ES6 中的 let 是有块级作用域的。
  

三、const 关键字

在很多语言中已经存在，比如 C/C++ 中，主要的作用是将某个变量修饰为常量口在 JavaScript 中也是如此，使用 const 修饰的标识符为常量，不可以再次赋值。

什么时候使用 const 呢？

当我们修饰的标识符不会被再次赋值时，就可以使用 const 来保证数据的安全性，在 ES6 之中建议优先使用。

使用 const 的注意

• 注意一

  const a=20；
  a=30；//错误：常量不可以修改
  

• 注意二

  const name；//错误：const修饰的标识符必须赋值。
  

• 注意三

  //常量的含义是指向的对象不能修改，但是可以改变对象内部的属性
  const obj = 
  {
  	name:"wyx",
  	age:12,
  	height:1.66
  }
  console.log(obj);
  
  obj.name = "weiyuxuan";
  obj.age = 13;
  obj.height = 1.70
  console.log(obj);
  

  

四、对象字面量的增强写法

1、属性的增强写法

2、函数的增强写法

如有错误，欢迎指正！