【ES6】入门学习
程序员文章站
2022-05-20 19:45:27
...
文章目录
一.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来加载文件
希望对大家有帮助,祝我们一起成为优秀的学习冠军!!
推荐阅读
-
学习JavaScript正则表达式_javascript技巧
-
Android 入门第十讲02-广播(广播概述,使用方法(系统广播,自定义广播,两个activity之间的交互和传值),EventBus使用方法,数据传递,线程切换,Android的系统广播大全)
-
数据结构学习笔记(3)——树
-
css3学习之flex实现几种多列布局
-
javascript 模式设计之工厂模式学习心得_js面向对象
-
ES6模块化 - import和export
-
CPrimer Plus 学习(第六章)
-
Javascript 学习笔记之 对象篇(二) : 原型对象_基础知识
-
《C++ Primer Plus 第六版》学习笔记:第十一章 使用类
-
HTML DOM(学习笔记一)_html/css_WEB-ITnose