• 慕课网首页
  • 免费课
  • 实战课
  • 体系课
  • 发现
    教程 专栏 手记
  • 企业服务
  • 讲师入驻

我的购物车

已加入门课程

购物车里空空如也

快去这里选购你中意的课程

实战课

体系课

我的订单中心
去购物车
  • 登录 / 注册
  • 新人专属0元礼包 | 查看
抱歉,未找到你想要查询的结果
全部开发者教程

ES6-10 入门教程

ES6+ 简介
ES6+ 简介 ES6 环境配置
ES6+ 基础
ES6+ let ES6+ const ES6+ 展开语法 ES6+ 剩余参数 ES6+ 解构赋值 ES6+ 模版字符串 ES6+ 箭头函数
ES6+ 数值
ES6+ 数值扩展 ES6+ isFinite()&isNaN() ES6+ Number 对象的方法 ES6+ Math 对象的扩展
ES6+ 字符串方法
ES6+ 字符串的扩展 ES6+ includes() ES6+ startsWith() ES6+ endsWith() ES6+ repeat() ES6+ padStart() ES6+ padEnd() ES6+ trim()
ES6+ 数组方法
ES6+ Array.from() ES6+ of() ES6+ includes() ES6+ find()和findIndex() ES6+ copyWithin() ES6+ fill() ES6+ isArray() ES6+ flat()
ES6+ 对象方法
ES6+ 对象的扩展 ES6+ 可选链操作符 ES6+ Object.is() ES6+ Object.assign() ES6+ Object.keys() ES6+ Object.values() ES6+ Object.entries()
ES6+ 新增的数据结构
ES6+ 数据结构扩展 ES6+ Set ES6+ WeakSet ES6+ Map ES6+ WeakMap
ES6+ 进阶
ES6+ Symbol ES6+ for...of ES6+ 迭代协议 ES6+ Promise 基础 ES6+ 实现一个简版的 Promise ES6+ Promise 进阶 ES6+ Generator 基础 ES6+ Generator 函数应用 ES6+ async/await ES6+ Class 前置知识 ES6+ Class ES6+ Proxy ES6+ Reflect(一) ES6+ Reflect(二) ES6+ 模块化(一) ES6+ 模块化(二) ES6实战1-实现Vue3 reactive 源码 ES6实战2-实现 Vue3 effect 源码 ES6 实战2-封装请求 ES6+ 实战3-代码整洁之道
  • 前端开发

    JavaScript

    JavaScript 入门教程

    本教程带你从初级到高级全面掌握 Javascript 的使用方法

    TypeScript 入门教程

    这是一个很好的简单课程,只需2小时你就可以学习TypeScript基础知识。

    Vue 入门教程

    本教程带您从零开始学习 Vue 框架的使用,让您轻松应对 Vue 项目的开发。

    Ajax 入门教程

    本教程涵盖Ajax的实现原理,及Ajax封装,最后是框架实现方法。

    ES6-10 入门教程

    对比 ES5 进行学习 ES6+,理解 ES6+ 语法背后的思想

    Yarn 入门教程

    Yarn得相关基础知识和高级进阶

    ECharts 入门教程

    从零开始学习 ECharts ,掌握 ECharts 核心内容

    HTML & CSS

    CSS3 入门教程

    本课程从盒模型、文字、颜色、过渡、动画、布局、伪类等方面介绍 CSS3 的使用。

    雪碧图入门教程

    本文详细介绍了雪碧图的由来历史以及各种使用方式

    移动端布局教程

    由于移动互联网的兴起,移动端项目占据了很大一部分比重,本章将详细讲解几种常见布局

    Html5 入门教程

    最新一代的HTML标准,增加了许多实用的特性

    Sass 入门教程

    前端项目中 Sass 的快速入门教程

    HTML 入门教程

    从零讲解 HTML,掌握基础 HTML 知识内容

    canvas 入门教程

    本教程带你从初级到高级全面掌握canvas的使用方法

    uni-app 入门教程

    从零开始学习 uni-app 框架,轻松上手应用开发

  • 服务端相关

    服务器

    Nginx 入门教程

    本教程使您掌握 Nginx 安装、配置、核心模块的详解、实际使用的能力。

    HTTP 入门教程

    从协议原理开始到 Web 服务器以及 Web 安全一网打尽

    Docker 入门教程

    从 Docker 的基础概念开始,从实际问题入手带你学习 Docker

    Shell 入门教程

    本教程由浅入深,系统性的讲解Linux Shell脚本编程。

    Linux 入门教程

    本教程从安装 Linux 开始,囊括 Linux 基础命令操作以及进阶系统管理

    开发工具

    Gradle 入门教程

    本教程使您掌握实际使用gradle进行项目构建、测试、打包、发布的能力。

    Vim 编辑器教程

    课程主要讲解Vim的安装配置,四种模式、基本操作,以及包管理工具和寄存器等内容。

    RESTful 规范教程

    本教程从什么是 REST 开始带你领略 Web 开发中无处不在的规范

    Dreamweaver 教程

    DW 是一款同时具有网页制作和网页管理功能的网站开发工具,可以快速进行网站建设

    Markdown 入门教程

    本课程涵盖 Markdown 的基本及扩展语法。

    Maven 入门教程

    从最基础的安装 Maven 开始到 Maven 在开发中的实际应用

    Eclipse 编辑器教程

    本教程从Eclipse安装开始带你轻松掌握Eclipse常用开发技巧

    GitHub 入门教程

    本教程带你轻松掌握最实用的 GitHub 知识

    Android Studio 编辑器教程

    Android Studio 编程技巧一网打尽

    PyCharm 编辑器教程

    工作经常用到的 PyCharm 编辑器使用技巧一网打尽

    Sublime Text 使用教程

    花里胡哨展示sublime编辑器的各种功能

    Postman 教程

    Postman 由Google 开发用来做接口请求测试,前后端开发人员都可以使用

    Git入门教程

    从入门到精通。

    热门服务端语言

    C 语言入门教程

    本教程从语法基础、进阶知识等各方面详解 C 语言。

    Go 入门教程

    本教程从 Go 语言的基本语法掌握到进阶编程实践

    Kotlin 教程

    从 Kotlin 的基础语法到高级特性一网打尽

    Ruby 入门教程

    本教程从 Ruby 的各种对象开始学习到 Ruby 的实际使用

    ThinkPHP 入门教程

    本教程主要讲解 ThinkPHP 框架如何上手开发应用

  • Java

    基础应用

    Java 入门教程

    深入浅出讲解 Java 语言基础知识,带你入门 Java 语言

    Android 入门教程

    为你解析最实用的 Android 技术,让你平滑上手,顺利进阶,为开发保驾护航

    算法入门教程

    分析讲解常见算法的思想及使用

    数据结构入门教程

    通俗易懂的带你了解 Java 数据结构

    Lambda 表达式教程

    本教程展现了Lambda表达式的基础语法以及在程序中的应用

    Java 并发原理入门教程

    本教程为Java并发原理入门教程,在Java程序开发中占据着举足轻重的地位

    设计模式入门教程

    带你分析最常见的九个设计模式

    Java并发工具

    本课程简洁明了展示最基本的并发工具类相关概念及应用方法。

    JVM 入门教程

    JVM 入门教程,对JVM结构进行分模块讲解,简单易懂。

    RabbitMQ 入门教程

    超系统的RabbitMQ基础知识课程,你还在等什么?

    网络编程入门教程

    Java 网络编程核心要点详解

    后端通用面试教程

    带你系统梳理后端高频面试题,轻松丰富你的校招&社招阶段

    框架应用

    Spring Boot 入门教程

    循序渐进讲解 Spring Boot 企业级应用开发

    Spring 入门教程

    通俗易懂 渐进式讲解 Spring 企业级开发应用

    Hibernate 入门教程

    由浅入深讲解 Hibernate 企业级 JDBC 应用框架

    MyBatis 入门教程

    本教程整理出“百分之二十”的知识,帮你办到“百分之八十”事情

    Spring MVC 入门教程

    通俗易懂讲解 Spring MVC 框架应用

    Swagger 入门教程

    本课程以图文并茂的方式带你学习 Swagger 核心知识和应用剖析

    Zookeeper 入门教程

    由浅入深的 学习 ZooKeeper 的基本使用以及高级使用

    Netty 教程

    由浅入深的讲解 Netty 的核心知识体系,快速上手使用和理解 Netty

    Spring Security

    本课程涵盖了 Spring Security 框架的基本原理和集成方法

    微服务

    Spring Cloud Hystrix

    系统介绍 Hystrix 支持特性与实际应用场景实战

  • Python

    基础应用

    Python 入门语法教程

    本教程带你从 Python 的基础语法开始学习 Python。

    Python 原生爬虫教程

    本教程从爬虫基础知识到进阶技巧到实际应用。

    Python 进阶应用教程

    本教程涵盖 Python 的面向对象、标准库解析、异常处理直至最后的领域应用

    Python 算法入门教程

    用 Python 代码实现常用算法并汲取算法核心思想。

    进阶方向应用

    Django 入门教程

    从 Web 基础到 Django 框架的实际开发应用

    Flask 框架教程

    Flask 框架快速入门实现一个 TodoList 功能

    NumPy 入门教程

    本教程从基础的数据类型开始到 NumPy 的高级应用一网打尽

    Scrapy 入门教程

    从爬虫基础开始到使用 Scrapy 框架抓取各大网站数据

    TensorFlow 入门教程

    通过本教程对 TensorFlow 框架快速入门

    Python 办公自动化教程

    本教程带你使用Python快速操作Excel、Word、PPT,处理各种文件

    Pandas 入门教程

    本教程从基础的数据类型开始到 Pandas 的高级应用一-网打尽

  • 数据库

    MySQL

    MySQL 入门教程

    本教程主要讲解 MySQL 增删改查等基础操作

    SQL 入门教程

    本教程讲解使用 SQL 访问和处理数据系统中的数据的方法。

    MySQL 进阶教程

    那些你还不理解的 MySQL 高阶特性一网打尽

首页 慕课教程 ES6-10 入门教程 ES6-10 入门教程 ES6+ 简介
杀手Kira · 更新于 2021-06-09

ES6 环境配置

下一节

ES6 简介

图片描述

图片来源于网络,版权归原作者所有

1. 前言

本节我们将什么是 ES5 ?什么是 ES6 ?为什么要学习 ES6 ?以及 ES6 与 ES5 之间的关系。本教程会通过在 ES5 中使用的知识点,对应的引出在 ES6 的知识点,深入浅出讲解 ES6 为什么会被引入?以及它背后的思想。

2. 什么是 ES5

ECMAScript 5 是 2009 年发布的 ECMAScript 的标准,由于第四版添加的内容过于复杂,便被废弃了。ES5 主要新增了严格模式,还有对数组和对象新增了一些方法,扩展了 JS 底层编写的能力。如:Vue 中的数据侦测就是使用 ES5 中的 Object.defineProperty 方法来实现的。

3. 什么是 ES6

ES6 是 ECMAScript 6 的简称,是于 2015 年 6 月正式发布的 JavaScript 语言的标准,正式名为 ECMAScript 2015(简称 ES2015)。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。同时 ES6 增加了很多 API 极大地拓展了 JavaScript 的功能,使他更像一门编程语言,可以承担更多的事。

ES6 因为是 2015 年发布的,也称作 ES2015,对应的版本是 ES6,后面的命名方式以此类推。ES6 从起草到正式发布,经过了一个很漫长的时间。从 2000 年 ES4 开始酝酿的时候就已经开始了,由于 ES4 添加的 API 过多,导致这个版本没有通过,后来 ES5 就直接发布了。但是 ES4 提出的很多内容也被 ES6 所继承,因此,ES6 制定的起点其实是 2000 年。

ES5 到 ES6 的演变其实经过了漫长的时间,而且 ES6 也算是 ECMAScript 的一个分水岭,它做了很多工作,修补了 ES5 之前 JavaScrept 存在的各种缺陷,并添加了很多新的功能,尽量能使得 JavaScript 成为一个更高级的,能承担更大型项目的语言。

Tips: 在后面的文章中,我们所说的 ES5 统称 ES6 之前的所有 ECMAScript 的特性,ES6 则是 ES6 之后的版本内容。从 2015 年发布的 ECMAScript6 之后每年 ECMAScript 都会正式发布一个版本 ECMAScript。所以很多特性不能直接在浏览器中使用,需要借助 babel 这样的工具,把 ES6 的语法转换成 ES5,这样浏览器才能识别。

4. 为什么学习 ES6

ES5 不能满足前端的复杂度,无论是 jQuery 这样的库,还是像 Vue 和 React 这样的框架,都在使用一些降级的方案来解决现有的问题,所以 ES6 的引入就是为了解决 ES5 以前存在的各种问题。另外,ES6 是一个大换血的版本,也是一个分水岭,标志着 JavaScript 向着更高的方向发展。ES6 也是对 ES5 的增强和升级。

  1. 主流的浏览器都已经全面支持 ES6;
  2. 行业内较新的前端框架都已经全面使用 ES6 的语法;
  3. 微信小程序,uni-app 等都是基于 ES6 的语法;
  4. 从就业出发,现在公司基本都在使用新的语法,增加必备技能获得更好的offer。

以上都是学习 ES6 的场景,也是大势所趋。

5. 版本说明

从 2015 年 6 月正式发布的 ES2015(简称 ES6) 语言的标准后,每年 6 月都会对 ECMAScript 进行版本迭代,本系列文章也是对 ES6 及以后更新的内容做系统性的讲解,目前的版本已经到了 ES2019(简称 ES10)。

添加语言的新特性,增加类和模块化的语法,其他特性包括迭代器,Python 风格的生成器和生成器表达式,箭头函数,二进制数据,新增内置数据结构(Map),增加了集合概念(Set),异步的解决方案(promise,async/await),使用 reflect 和 proxy 取代 Object 的部分功能更加细化了语言层面的部分。

另外,还增加了异步循环,生成器,新的正则表达式特性和 rest/spread 等语法。

6. 学习基础

本教程是 JavaScript 的延伸和进阶课程,所以学习本教程需要一些前置知识,主要有以下几个要求:

  • 了解 JavaScript 的基本语法;
  • 有过一定的项目经验;
  • 对 ECMAScript 的规范有一定的了解。

7. 小结

本节主要介绍了ES5、ES6 的内容,需要注意以下几点:

  1. JavaScript 不算是一门纯正的编程语言,它是一个集合,是由 ECMAScript、DOM 和 BOM 组合而成的,ECMAScript 才是 JavaScript 在 Web 编程中的核心。

  2. ES6 是一个分水岭,提供了很多超前的特性,不能直接在浏览器中使用,需要借助转换器,把 ES6 语法转换成 ES5 或者更低的版本才能在浏览器中运行。

  • 划线
  • 写笔记
  • 复制

0/1000

 

下一节

ES6 环境配置

我要提出意见反馈
· 最近更新于 请填写更新时间
使用手机查看
最近更新
向你推荐
更多
索引目录
ES6 简介
1. 前言
2. 什么是 ES5
3. 什么是 ES6
4. 为什么学习 ES6
5. 版本说明
6. 学习基础
7. 小结
意见反馈 收藏教程 标记书签
使用 Ctrl+D 可将网站添加到书签
  • 企业服务
  • 网站地图
  • 网站首页
  • 关于我们
  • 联系我们
  • 讲师招募
  • 帮助中心
  • 意见反馈
  • 代码托管

Copyright© 2023 imooc.com All Rights Reserved | 京ICP备 12003892号-11 京公网安备11010802030151号

意见反馈 常见问题 APP下载
官方微信
返回顶部