ES6常用语法
来源:互联网 发布:桌面公告通知软件 编辑:程序博客网 时间:2024/06/07 02:05
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.对象方法简写,计算属性
const obj = {name:'a', course:'abc'}const obj2 = {type:'IT', course:'zhang'}console.log({...obj,...obj2}) //{name:'a', course:'abc',type:'IT', course:'zhang' } // ...会把对象展开,然后合并成一个新的对象,也可以在加属性eg: {...obj,...obj2,date:'2017'}
3.展开运算符,不是es6标准,但是babel也支持
阅读全文
0 0
- es6常用的语法
- ES6常用语法
- es6常用语法
- ES6常用语法
- es6常用语法总结
- ES6中的常用语法总结
- 快速了解ES6常用语法
- ES6/ES2015常用语法 (上)
- ES6常用的一些语法总结
- ES6/ES2015常用语法(下)
- es6的常用语法和优越性
- Es6的常用语法和优越性
- ES6语法
- es6语法
- 【web开发 ES6新增语法】常用ES2015/ES6新增语法的使用
- 实例感受-es6的常用语法和优越性
- ES6语法篇(其一)
- ES6 语法大概内容
- Log4j和Log4j2的区别(SpringBoot中配置使用)
- SpringMVC 文件上传配置,多文件上传,使用的MultipartFile
- 动态库的符号隐藏
- Face++ 论文解读:一种新的行人重识别度量学习方法 | PaperDaily #20
- 1.A+B Problem
- ES6常用语法
- 第三次公开讲座知识点记录
- caffe下多gpu训练,NCCL的配置
- bzoj #1588 营业额统计(splay)
- QoS配置与管理——1
- 使用 adr 轻松创建 “程序员友好” 的轻量级文档
- Element-ui树形控件el-tree使用过程中遇到的问题
- Myeclipse2017配置Maven
- CentOS7使用firewalld打开关闭防火墙与端口