vue的 ECMAScript 6的学习

一 ECMAScript 6

1.1 ECMAScript 6

ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)。

因此,ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等。

二 ES的操作

2.1 介绍

ES标准中不包含 DOM 和 BOM的定义,只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。

2.2 let变量

2.2.1 let的作用域

1.笔记总结:

// var 声明的变量没有局部作用域

// let 声明的变量  有局部作用域

2.代码

3.执行结果 

vue的 ECMAScript 6的学习_第1张图片

2.2.2 let的定义次数

// var 可以声明多次

// let 只能声明一次

vue的 ECMAScript 6的学习_第2张图片 2.3 const声明常量(只读变量)

常量:// 1、声明之后不允许改变  

vue的 ECMAScript 6的学习_第3张图片 2.4 数组与对象

vue的 ECMAScript 6的学习_第4张图片

 2.5 字符串的操作

1代码



2.效果

vue的 ECMAScript 6的学习_第5张图片 2.6 对象的操作

2.7  方法的定义和使用

1.代码

2.效果

vue的 ECMAScript 6的学习_第6张图片

2.8 对象的扩展

    // 1、拷贝对象
let person1 = {name: "Amy", age: 15}
let someone = { ...person1 }
console.log(someone)  //{name: "Amy", age: 15}
alert(someone);
// 2、合并对象
let aget = {age: 15}
let namet = {name: "Amy"}
let person2t = {...aget, ...namet}
console.log(person2t)  //{age: 15, name: "Amy"}
    

 效果:

vue的 ECMAScript 6的学习_第7张图片

2.9 箭头运算符

1.代码

2.截图

vue的 ECMAScript 6的学习_第8张图片

你可能感兴趣的:(ecmascript,vue.js,学习)