ITPub博客

首页 > 应用开发 > Html/css > web前端技巧-ES6新特性与重点知识汇总(一)

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

原创 Html/css 作者:千锋武汉 时间:2021-08-17 09:52:09 0 删除 编辑

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

      一、ES6变量声明

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

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

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前端技术知识。

      本文来自千锋教育,转载请注明出处。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31548651/viewspace-2787289/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-12-13

  • 博文量
    841
  • 访问量
    417238