【ES6】入门学习

一.ES6是什么

新的JavaScript语法标准

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

二.ES6里都有什么

1.作用域
let和const
  let:就是在大括号内的内部作用域有效
  const:定义不可修改变量
在这里插入图片描述
2.字符串

  • 使用反引号(Tab键上面那个),直接写变量
  • 可多行字符串
  • 告别+拼接字符串
    在这里插入图片描述

3.函数扩展

  • 箭头函数
    在这里插入图片描述
  • 参数默认值
const add = (num1,num2=1) =>{   //num2默认值为1
	return num1+num2
}
console.log(add(3,4))   //输出7
console.log(add(3))		//输出4
  • 展开函数
    在这里插入图片描述

对象的扩展
Object扩展

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

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

  • 展开运算符(不是ES6标准,但是babel也支持)
    在这里插入图片描述
    解构赋值
    函数也可以多返回值

  • 数组解构

  • 对象解构
    在这里插入图片描述
    模块化
    ES6中自带了模块化机制,告别seajs和require.js

  • Import , import{}

  • Export , Export default

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

在这里插入图片描述
希望对大家有帮助,祝我们一起成为优秀的学习冠军!!

发布了8 篇原创文章 · 获赞 27 · 访问量 1247

猜你喜欢

转载自blog.csdn.net/weixin_43764030/article/details/105544558