web前端-ES6

本文详细介绍了ES6的关键特性,包括其与JavaScript的关系、Babel转码器的作用,以及ES6的基本语法如let和const命令、解构赋值、字符串遍历器接口和模板字符串。此外,还探讨了字符串实例方法如includes()、startsWith()、endsWith()、repeat()、padStart()和padEnd(),数组的拓展符和方法,函数的默认值及rest参数,以及箭头函数的使用场景和注意事项。
摘要由CSDN通过智能技术生成

1.ECMAScript 和 JavaScript 的关系

ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。

2.ES6

ES6 的第一个版本,在 2015 年 6 月发布,正式名称就是《ECMAScript 2015 标准》(简称 ES2015)。

3.Babel 转码器

Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。

首先安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装bable

cnpm install --save-dev @babel/core

https://blog.csdn.net/wjnf012/article/details/80422313 

https://www.cnblogs.com/w-serendipity/p/8423275.html

配置.babelrc文件不显示问题https://blog.csdn.net/hlx20080808/article/details/83418120 

4. ES6基本语法

let命令是局部变量,const是只读的常量

不存在变量提升

暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

变量的解构赋值:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。

数组的解构赋值:

//以前的
let a=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值