Es6的基本学习与使用

╰半夏微凉° 2023-10-03 19:24 12阅读 0赞

自学参考：[ES6 入门教程][ES6]

**作为一个Java工程师，后端也是必须要掌握的内容，看完ES6的基本语法后，可以去看我另外一篇可以快速入门前端的博客，博客内容包含Vue、axios、node.js、npm、wepback的快速入门，连接**[Vue.js的快速入门（Vue、axios、node、js、npm、wepback的快速入门）http://t.csdn.cn/DeBDF][Vue.js_Vue_axios_node_js_npm_wepback_http_t.csdn.cn_DeBDF]

## 一、ECMAScript 6 简介 ##

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

## 二、基本语法 ##

ES标准中不包含 DOM 和 BOM的定义，只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。本部分只学习前端开发中ES6的最少必要知识，方便后面项目开发中对代码的理解。

#### 1.声明变量和常量 ####

var和let定义变量的区别：

（1）var 声明的变量没有局部作用域，let 声明的变量有局部作用域

（2）var 声明的变量可以再次声明，let 声明的变量不能再被声明

声明常量：

#### 2.解构赋值 ####

数组解构：

对象解构：

#### 3.模板字符串 ####

模板字符串是加强版的字符串，用反引号 \`,可以用来定义多行字符串，可以在字符串中加入变量和表达式或调用函数

多行字符串：

插入变量和表达式表达式：

调用函数：

#### 4.声明对象简写和定义方法简写 ####

声明对象简写

声明方法简写

#### **5.对象拓展运算符** ####

拷贝对象：

合并对象：

#### **6.箭头函数** ####

// 当箭头函数没有参数或者有多个参数，要用 () 括起来。
    // 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，
    // 当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。
    var f3 = (a,b) => {
        let result = a+b
        return result
    }
    console.log(f3(6,2))  // 8
    
    // 前面代码相当于：
    var f4 = (a,b) => a+b

[ES6]: http://es6.ruanyifeng.com/
[Vue.js_Vue_axios_node_js_npm_wepback_http_t.csdn.cn_DeBDF]: http://t.csdn.cn/DeBDF