千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端技巧-ES6新特性与重点知识汇总(一)

web前端技巧-ES6新特性与重点知识汇总(一)

来源:千锋教育
发布人:小千
时间: 2021-08-17 08:55:00 1629161700

      前端开发使用ES6框架已经不是什么新鲜的事情了,现如今也有越来越多的同学选择使用它,但随着ES6的更新迭代,一些新的特性很多同学并不了解,今天小千就来给大家介绍一下,记得收藏一下啦。

      一、ES6变量声明

      var 声明的变量,没有“块级作用域”的限制;

      let / const 声明的变量,具有“块级作用域”。

<a href=web前端培训1" />

      var 声明的变量存在“变量提升”,let / const没有。

web前端培训2

      const 声明的是常量,不能被修改。

web前端培训3

      二、解构赋值

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

      数组解构赋值

web前端培训4

      使用解构赋值,交换两个变量的值

web前端培训5

      对象解构赋值

web前端培训6

      三、字符串方法扩展

web前端培训7

      四、Math方法扩展

      ES6 在 Math 对象上新增了 17 个与数学相关的方法。

web前端培训8

      五、函数扩展

      函数与解构赋值结合使用

web前端培训9

      函数的 rest 参数

web前端培训10

      六、箭头函数

web前端培训11

      由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号

web前端培训12

      ES6的新特性对于你的开发还是有不小的帮助的,学会他能够让你的开发事半功倍,最后欢迎对web前端感兴趣的同学来到千锋web前端培训班参加我们的培训课程的学习,任何问题都可以找我们的在线老师了解一下,还有免费的学习资料可以领取,赶紧来咨询一下吧。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT