ES6中常用的简写方式
2024-08-31 14:12:03
1、 var foo = 'bar'; var baz = {foo}; baz // {foo: "bar"} // 等同于 var baz = {foo: foo}; 2、 function f(x, y) { return {x, y}; } // 等同于 function f(x, y) { return {x: x, y: y}; } f(1, 2) // Object {x: 1, y: 2} 3、 var o = { method() { return "Hello!"; } }; // 等同于 var o = { method: function() { return "Hello!"; } }; 4、 function getPoint() { var x = 1; var y = 10; return {x, y}; } getPoint() // {x:1, y:10} 5、 var ms = {}; function getItem (key) { return key in ms ? ms[key] : null; } function setItem (key, value) { ms[key] = value; } function clear () { ms = {}; } module.exports = { getItem, setItem, clear }; // 等同于 module.exports = { getItem: getItem, setItem: setItem, clear: clear }; 6、 var obj = { class () {} }; // 等同于 var obj = { 'class': function() {} }; 7、 let propKey = 'foo'; let obj = { [propKey]: true, ['a' + 'bc']: 123 }; 8、 var lastWord = 'last word'; var a = { 'first word': 'hello', [lastWord]: 'world' }; a['first word'] // "hello" a[lastWord] // "world" a['last word'] // "world" 9、 let obj = { ['h'+'ello']() { return 'hi'; } }; obj.hello() // hi 10、 var foo = 'bar'; var baz = { [foo]: 'abc'}; 11、 3、方法的name属性 函数的name属性,返回函数名。对象方法也是函数,因此也有name属性。 [html] view plain copy var person = { sayName() { console.log(this.name); }, get firstName() { return "Nicholas"; } }; person.sayName.name // "sayName" person.firstName.name // "get firstName"
最新文章
- iOS UIRefreshControl-刷新tableView
- linux 安装jdk
- 定时器springMVC
- 品味FastDFS~第三回 项目中的FastDFS
- Java--Exchanger用于进行线程间的数据交换
- 使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参
- Java中Native关键字的作用
- JavaScript正则表达式(二)
- decimall类型数据
- 【BZOJ2752】【线段树】高速公路
- swift 密码由6-16数字和字母组合组成
- Java设计模式总汇二(小白也要飞)
- idea 中dao层自动生成接口
- springboot整合Quartz实现动态配置定时任务
- 单片机成长之路(51基础篇) - 015 关于sdcc的多文件编译范例二
- 【leetcode】53-MaximumSubarray
- 福州大学软件工程W班-助教总结
- Flexbox的布局
- [工具]Sublime 显示韩文
- Sublime Text几款常用插件及用法(前端)