当前位置: 首页 > Web前端 > HTML

ES6必知,快看!(1)

时间:2023-03-29 11:06:00 HTML

程序员必须知道的ES6知识,快来看看你知道吗?ECMAScript6目前已经基本成为行业标准,其普及速度远超ES5。主要原因是现代浏览器对ES6的支持相当快,尤其是Chrome和Firefox浏览器,已经支持了ES6中的大部分特性。1变量声明let和const都是局部作用域(1)letlet声明类似于var声明变量,区别在于:1.它作用于一对big{};2、不能重复申报;变量提升:使用var来声明变量。在声明变量之前,默认值是未定义的。这是一个非常经典的问题。要求是:点击li得到li的下标。

  • 列出第1行
  • 列出第2行
  • 列出第3行
  • 列出第4行
  • 第5行list
如果是你,你会怎么做?(2)constconst和var类似于声明变量,区别是:1.推荐常量声明通常使用大写2.声明必须赋值3.声明后不可修改(复杂数据可以修改数组)2数组解构1.交换变量2.剩余值3.跳过4.默认值3对象解构1.对象缩写2.对象解构3.动态属性4字符串模板字符串模板允许变量和字符串混合在一起以写1.模板使用``2.遇到变量就用${variablevalue}3.repeat(n)重复多少次n是多少次5数组高层方法1.遍历数组forEach2。映射数组map从已有数据中反映新数据一一对应3.过滤filter已有数组按一定规则过滤创建新数组并返回true,保持false,不保持6箭头函数Arrowfunction是function的简写方式1.基本写法=>前面的函数参数=>下面是返回值,执行语句省略了函数关键字return关键字varfun=function(){return{name:"hjl",age:"22"}}varfun2=()=>({name:"hjl",age:"22"})2.有多个参数或者没有参数都用括号括起来3.当有多个执行语句时,用{}括起来4.箭头函数this指的是函数上面的this函数1.Defaultparameters2.Indeterminateparameters参数不确定functionadd(...arg){...}3.Extendedparameters展开数组作为参数metting(...arr1)4.maximumvaluemax(...arg)