vue基础 | ES6语法 | 08

目录

• ES6语法介绍
• 变量声明
• JavaScript对象的写法
• ES6的箭头函数

ES6语法介绍

ES6是JavaScript语言的新版本,它也可以叫做ES2015,之前学习的JavaScript属于ES5,ES6在它的基础上增加了一些语法.
ES6是未来JS的趋势,而且vue组件开发中会使用很多的ES6的语法,所以掌握这些常用的ES6语法是必须的.

变量声明

var: 它是用来声明变量的. 如果在方法中声明,则为局部变量,如果在全局中声明,则为全局变量.

var num=10;

let: ES6新增了let命令,用来声明变量. 它的用法类似var,但是所声明的变量,只在let的代码块中有效.

{
    let a=10;
    var b=20;
}

const:声明一个只读的常量,一旦声明,常量的值就不能改变.

const PI = 3.1415926;

JavaScript对象的写法

ES5的写法

var person = {
    name:"zhangsan",
    age:23,
    say:function(){
        alert("I am "+this.name);
    }
}

或者这么写

var person = {};
person.name = "zhangsan";
person.age = 23;
person.say = function(){
    alert("I am "+this.name);
}

ES6的写法
ES6定义对象的时候可以使用之前定义的变量,而不用写死

var name="zhangsan";
var age=23;
var person = {
    name,
    age,
    say:function(){alert("I am "+this.name)}
}

ES6的箭头函数

作用:
(1) 定义函数的新方式
(2) 改变了this的指向

x => x*x
相当于
function(x){
    return x*x;
}

(x,y)=>{...}
相当于
function(x,y){
    ...
}

()=>{...} 
相当于
function(){
    ...
}