ES6的常用语法解析

3G基础知识

5人已加入

描述

  let和const

  定义变量使用let代替var

  1.let声明只在块级有效

  2.let变量会提升,但是ES6规定了let声明变量前不能使用该变量

  const定义不可修改的变量

  const遵循的规则和let相差无二,只是,const是用来声明恒定变量的,且声明的同时就得赋值,不然会报错

  函数的用法

  1.箭头函数

  function hello(name) {

  console.log(‘hello’ + name)

  console.log(`hello ${name}`) //模板字符串的用法

  }

  es6:

  const hello = (name) =》 {

  console.log(`hello ${name}`)

  }

  //如果函数只有一条语法 可以直接简写为

  const double = x=》x*2

  2.函数默认值

  const hello = (name=‘abc’) {

  console.log(`hello ${name}!`)

  }

  hello() //hello abc1!

  hello(‘xiaoming’) //hello xiaoming! 如果不传值,默认为abc

  3.展开符

  function hello(name1, name2) {

  console.log(name1, name2)

  }

  let arr = [‘immok’, ‘imooccc’]

  hello(。..arr)

  // 这里会把这个数组展开 数组结果为 immok imooccc

  // es5要想实现的话就用hello.apply(null, arr)

  对象的扩展

  1.object.keys、values 、entries

  const obj = {name:‘张三’,sex:‘男’}

  console.log(Object.keys(obj)) // [“name”, “sex”] 返回对象所有的属性,键名

  console.log(Object.values(obj)) //[“张三”, “男”]

  console.log(Object.entries(obj))

  //[Array(2), Array(2)] 把对象转成数组了

  0: (2) [“name”, “张三”]

  1: (2) [“sex”, “男”]

  length: 2

  __proto__: Array(0)

  2.对象方法简写,计算属性

  3.展开运算符,不是es6标准,但是babel也支持

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分