【ECMAScript 6 学习总结】常见规则用法（解构赋值，模板字符串，语法简化，对象拓展运算符...）

最新推荐文章于 2022-08-16 17:05:23 发布
最新推荐文章于 2022-08-16 17:05:23 发布
阅读量245 收藏 10
点赞数 4
分类专栏： 大前端技术 JavaScript 文章标签： javascript js 编程语言 ecmascript6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46360532/article/details/115638393
版权

前言：学习自https://www.bilibili.com/video/BV1BU4y147pS?p=8

文章目录

一、ECMAScript 介绍

在这里插入图片描述
在这里插入图片描述

二、规则用法

1、var，let ，const

在这里插入图片描述

2、解构赋值

在这里插入图片描述

3、模板字符串

在这里插入图片描述

4、声明对象简写

在这里插入图片描述

5、定义方法简写

在这里插入图片描述

6、对象拓展运算符

拓展运算符（…）用于取出参数对象所有可遍历属性，然后拷贝到当前对象。
在这里插入图片描述

7、函数的默认参数

在这里插入图片描述

8、箭头函数

在这里插入图片描述

9、传播操作符

在这里插入图片描述

10、数组遍历映射函数 map

在这里插入图片描述

11、数组 reduce

在这里插入图片描述
在这里插入图片描述

超周到的程序员
关注
  • 4
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
js的高级笔记5:let、const、数组解构、对象解构、箭头函数、剩余参数、拓展运算符(...)、Array.from、find、findindex、includes、模板字符串、set数据结构
小黄呀呀呀的博客
10-12 91
ES6语法 目标 能够说出使用let关键字声明变量的特点 能够使用解构赋值从数组中提取值 能够说出箭头函数拥有的特性 能够使用剩余参数接收剩余的函数参数 能够使用拓展运算符拆分数组 能够说出模板字符串拥有的特性 ES6相关概念（★★） 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。 变量提升特性增加
ECMAScript6与之后的语法
bachelores的博客
09-08 210
迭代器（iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。它类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。它类似于数组，但成员的值都是唯一的，集合实现了。，用来表示独一无二的值，是一种字符串类型。可以看作只是一个语法糖，它的绝大部分功能，
JavaScript 笔记1 ES6 新特性 | 解构赋值、模板字符串、Symbol数据类型、Promise、模块化
希望每天都能进步一点点
08-16 340
本篇文章记录了 JavaScript 遵循的 ECMA规范系列中版本变化最大的 ES6 ，通过这些内容可以更好的理解JS的高阶用法，同时进一步熟悉JavaScript 的解构赋值、模板字符串、Symbol数据类型、Promise、模块化等内容，ES6是2015年提出的规范，而最新的规范已达到了 ES12，每年都会更新一次，现在暂时学习 ES6，就可以满足大部分的开发需求。.........
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map
emmmm.....
06-01 433
ES6 1. let 关键字 1.1 声明变量 1.2 块级作用域 1.3 不存在变量提升 1.4 不影响作用域链 1.5 案例实践 -- 点击 DIV 换色 2. const 关键字 2.1 声明常量 2.2 不允许重复声明 2.3 值不允许修改 2.4 块儿级作用域 2.5 对于数组和对象的元素修改, 不算做对常量的修改 3. 变量的解构赋值 3.1 数组的结构 3.2 对象的解构 4. 模板字符串 4.1 模板字符串声明 4.2 字符串中可以出现换行符 4.3 可以使用 ${xxx} 形式输出变量 5
2.ECMAScript6详解
Junsunnyl的博客
09-29 200
文章目录ECMAScript6详解1.ECMAScript6 简介1.1 ECMAScript 和 JavaScript 的关系1.2 ES6 与 ECMAScript 2015 的关系2.搭建前端环境2.1 Node 环境2.1.1 什么是Node.js2.1.2 Node.js有什么用2.1.3 安装2.1.3.1 下载2.1.3.2 查看版本2.1.4.1 创建文件夹 lagou-node2.1.4 服务器端应用开发（了解）2.2 NPM环境2.2.1 什么是NPM2.2.2 NPM工具的安装位置2.
前端进阶--ECMAScript6
qq_50048558的博客
09-01 206
一、ECMAScript6 简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言 1.ECMAScript 和 JavaScript 的关系 ● 1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织ECMA，希望这种语言能够成为国际标准 ● ECMA 发布
【项目相关技术】前端由来、vscode安装使用、ECMAScript 6、Vue、element-ui、Node.js、npm、模块化、WebPack
置身于量子事业的软件开发爱好者
12-15 2239
前端开发的由来？ vscode安装和使用sda ①、下载地址：[https://code.visualstudio.com/](https://code.visualstudio.com/)sda ②、插件安装：sda ③、创建项目并保存工作区 ECMAScript 6sda ①、什么是 ECMAScript 6sda ②、ECMAScript 和 JavaScript 的关系 ES6的基本语法sda ①、let声明变量：sda ②、const声明常量（只读变量）sda ③、解构赋值sda ④、模板字符..
Node.js服务端开发总结（一）
weixin_52230444的博客
02-28 1209
一、Node简介 Node是什么 Node.js是基于Chrome的V8 JavaScript引擎构造的JavaScript运行环境。 Node.js不是一门新语言，也不是一个框架或者一个库，而是一个软件。用来运行JavaScript。 官网：https://nodejs.org/en/ 中文官网：https://nodejs.org/zh-cn/ 安装Node ...
快速入门ES6语法（ECMAScript 6）
提笔忘字的帝国
05-27 2873
🍎前言 ECMAScript 6（简称 ES6）是 JavaScript 语言的下一代标准，在 2015 年 6 月正式发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。对于常见的ES6和JS是什么关系的话题呢，我在这里提一下：ES6是JS的规格，而JS是ES6的一种实现。 🍎语法 🔰let声明变量 在使用ES6之前我们更多的是使用var来声明一个变量，而var变量的声明是没有作用域的概念的，使用var对相同的变量名是可以声明多次的；而let就.
ES6(ECMAScript 6)新特性之模板字符串用法分析
08-30
主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下
aotu.js 字符串指定字符 随机生成出汉字
04-06
aotu.js 脚本开发常用的 -- 字符串指定字符 随机生成出汉字 -- 常用于引流脚本引流内容随机生成，汉字字符功能
vue深度学习之对象和数组的监听原理 深度学习原理.pdf
04-13
vue深度学习之对象和数组的监听原理 深度学习原理.pdf
基于Vue.js2.0的后台管理模板
02-25
基于Vue.js2.0的后台管理模板
ECMAScript6变量的解构赋值实例详解
12-03
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring） var [a, b, c] = [1, 2, 3]; 这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。 ...
【NPM 详细教程】概述，常见用法：项目的初始化配置 + 修改镜像 + 安装模块 + 其他命令
Zhou_LC的博客
04-13 2855
前言：学习自 https://www.runoob.com/nodejs/nodejs-npm.html https://baike.baidu.com/item/NPM/23807941?fr=aladdin https://www.bilibili.com/video/BV1BU4y147pS?p=21 文章目录一、NPM 概述二、NPM 常见用法1、项目的初始化配置（1）npm init（2）npm init -y2、修改npm镜像3、安装模块4、其他命令 一、NPM 概述 1、了解 NPM（No.
【Vue.js】 整合 Element UI 详细过程
Zhou_LC的博客
04-19 979
一、初始化工程 1、创建工程 vue init webpack vueui 2、安装依赖：vue-router，element-ui，sass-loader 和 node-sass 四个插件 # 进入工程目录 cd vueui # 安装 vue-router npm install vue-router --save-dev # 安装 element-ui，这是官网中说明的安装方式 npm i element-ui -S # 安装依赖 npm install # 安装 sass 加载器 npm i
【MVVM模式】与Vue 概述：什么是MVVM模式，为什么要使用 MVVM，MVVM 的组成部分...
Zhou_LC的博客
04-17 838
前言：学习自https://www.bilibili.com/video/BV18E411a7mC?p=4 文章目录一、MVVM 概述1、什么是MVVM模式2、为什么要使用 MVVM3、当前流行的MVVM实现框架4、MVVM 的组成部分二、Vue 概述 一、MVVM 概述 1、什么是MVVM模式 2、为什么要使用 MVVM 3、当前流行的MVVM实现框架 Vue.js ， AngularJS 等。 4、MVVM 的组成部分 二、Vue 概述 Vue 是 MVVM 模式的一种实现。 ...
【Babel 详细教程】概述，安装，使用，自定义脚本
Zhou_LC的博客
04-13 724
前言：学习自：https://www.bilibili.com/video/BV1BU4y147pS?p=24 文章目录一、Babel 概述1、简介2、安装二、使用三、自定义脚本 一、Babel 概述 1、简介 ES6 的某些高级语法在某些浏览器环境甚至是 Node.js 环境中无法执行，Babel 是一个广泛使用的转码器，可以将 ES6 代码转化为 ES5 代码（原理其实利用就是一个ES6 语法糖 至 ES5 语法的映射表作为中介转换，总而将实际代码转换为 ES5 版本），从而在现有的环境中执行运行，.
详细解释一下...扩展运算符
最新发布
04-07
扩展运算符（英文名：Spread Operator）是ES6（ECMAScript 6）中新增的一种运算符，用于展开数组或对象，使其成为独立的值。在使用扩展运算符时，可以将数组或对象拆分成单个元素，或者将多个元素合并成一个数组或对象。 在数组中使用扩展运算符，可以将一个数组展开为单个元素。例如： ```javascript const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [...arr1, ...arr2]; console.log(arr3); // [1, 2, 3, 4, 5, 6] ``` 在上面的代码中，使用扩展运算符将arr1和arr2展开成单个元素，然后将它们合并成一个新的数组arr3。 在对象中使用扩展运算符，可以将多个对象合并成一个新的对象。例如： ```javascript const obj1 = { a: 1, b: 2 }; const obj2 = { c: 3, d: 4 }; const obj3 = { ...obj1, ...obj2 }; console.log(obj3); // {a: 1, b: 2, c: 3, d: 4} ``` 在上面的代码中，使用扩展运算符将obj1和obj2合并成一个新的对象obj3。 扩展运算符还可以用于函数调用时，将一个数组展开为多个参数。例如： ```javascript function myFunction(x, y, z) { console.log(x, y, z); } const arr = [1, 2, 3]; myFunction(...arr); // 1 2 3 ``` 在上面的代码中，使用扩展运算符将数组arr展开成多个参数，然后调用函数myFunction。 总之，扩展运算符是一种非常方便的语法，可以大大简化代码的书写，提高开发效率。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超周到的程序员

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值