ES6的简单使用---------------方法定义，解构，不定参，模板字符，对象拓展，箭头函数

创始人

2025-06-01 16:40:45

ES6的简单使用

介绍

ECMAScript6(简称ES6) 是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozila公司将在这个标准的基础上，推出JavaScript 2.0.以及ECMAScript,JavaScript的语言标准。

优点：

提升JS编写大型的复杂应用程序的能力(这次升级加入了模块化的概念、细化和优化语法、封装了一些方法)

不足：

对浏览器的兼容性问题，可以使用Bable：ES6->ES5(转换器)

let声明变量的使用

示例代码：



temple.html

解释：

在这里插入图片描述

结果图：

在这里插入图片描述

变量命名方式：var允许变量名重复，但是let不能重复重复代码报错，var重复定义的变量名默认取到的值是定义好的最后一个值

示例代码：



temple.html

示例图：

在这里插入图片描述

f12打开浏览器查看控制台输出结果：

在这里插入图片描述

const定义的常量有唯一性

(帮助理解：java定义常量一样，定义之后就不能够改变它的值)

示例代码：



temple.html

结果图：(程序报错)

在这里插入图片描述

解构赋值

目的：解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清明了；也方便了复杂对象中数据字段获取。

数组解构

示例代码：



temple.html

运行结果：

在这里插入图片描述

对象的解构

示例代码：



temple.html

运行结果图：

在这里插入图片描述

模板字符串

即模板字符串相当于加强版的字符串，用反引号`，除了作为普通字符串，还可以在字符串中加入变量和表达式

示例代码：



temple.html

运行结果：

在这里插入图片描述

定义方法的简写

由比较容易看的清楚的方式到函数的简写：

示例代码：



temple.html

运行结果图：

在这里插入图片描述

对象拓展运算符

拓展运算符(…)用于取出参数对象所有可遍历属性然后拷贝当前对象

示例代码：



temple.html

运行结果：

在这里插入图片描述

函数的默认参数

示例代码：



temple.html

运行结果：

在这里插入图片描述

不定参数

不定参数用来表示不确定参数个数，形如,…变量名,由…加上一个具有名参数标识符组成。具名参数只能放在参数列表的最后，并且只有一个不定参数

示例代码：



temple.html

运行结果：

在这里插入图片描述

箭头函数

箭头函数提供了一种更加简洁的函数书写方式。语法：参数 => 函数体

示例代码：



temple.html

注意点：

在这里插入图片描述

运行结果:

在这里插入图片描述

上一篇：「重磅消息」胡一把麻将.辅助软件［外卦神器下载］

下一篇：科技推荐.创乐缘有挂吗.确实真的有挂!

ES6的简单使用---------------方法定义，解构，不定参，模板字符，对象拓展，箭头函数

ES6的简单使用

介绍

let声明变量的使用

const定义的常量有唯一性

解构赋值

数组解构

对象的解构

模板字符串

定义方法的简写

对象拓展运算符

函数的默认参数

不定参数

箭头函数

相关内容

热门资讯