欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【ES6】入门学习

程序员文章站 2022-05-20 19:45:27
...

一.ES6是什么

新的JavaScript语法标准

  • 2015年6月正式发布
  • 使用babel语法转换器,支持低端浏览器
  • 流行的库基本都基于ES6构建,React,vue默认使用ES6新语法开发

二.ES6里都有什么

1.作用域
let和const
  let:就是在大括号内的内部作用域有效
  const:定义不可修改变量
【ES6】入门学习
2.字符串

  • 使用反引号(Tab键上面那个),直接写变量
  • 可多行字符串
  • 告别+拼接字符串
    【ES6】入门学习

3.函数扩展

  • 箭头函数
    【ES6】入门学习
  • 参数默认值
const add = (num1,num2=1) =>{   //num2默认值为1
	return num1+num2
}
console.log(add(3,4))   //输出7
console.log(add(3))		//输出4
  • 展开函数
    【ES6】入门学习

对象的扩展
Object扩展

  • Object.keys,values,entries
    Object.key
    返回值:一个表示给定对象的所有可枚举属性的字符串数组

  • 对象方法简写,计算属性

  • 展开运算符(不是ES6标准,但是babel也支持)
    【ES6】入门学习
    解构赋值
    函数也可以多返回值

  • 数组解构

  • 对象解构
    【ES6】入门学习
    模块化
    ES6中自带了模块化机制,告别seajs和require.js

  • Import , import{}

  • Export , Export default

  • Node现在还不支持,还需要用require来加载文件

【ES6】入门学习
希望对大家有帮助,祝我们一起成为优秀的学习冠军!!

相关标签: es6/es7