es6对象字面量的增强写法

最新推荐文章于 2022-04-21 10:19:06 发布
最新推荐文章于 2022-04-21 10:19:06 发布
阅读量131 收藏
点赞数
分类专栏： 前端 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alfred_tfk/article/details/108394837
版权

es6对象字面量的增强写法

// const obj = new Object()

  // const obj = {
  //   name: 'lll',
  //   age: 18,
  //   run: function () {
  //     console.log('在敲代码');
  //   },
  //   eat: function () {
  //     console.log('在吃东西');
  //   }
  // }

  // 1.属性的增强写法
  const name = 'lll';
  const age = 18;
  const height = 1.88

  // ES5的写法
  // const obj = {
  //   name: name,
  //   age: age,
  //   height: height
  // }

  // const obj = {
  //   name,
  //   age,
  //   height,
  // }
  //
  // console.log(obj);


  // 2.函数的增强写法
  // ES5的写法
  // const obj = {
  //   run: function () {
  //
  //   },
  //   eat: function () {
  //
  //   }
  // }
  const obj = {
    run() {

    },
    eat() {

    }
  }
是啦啦啦呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一文搞懂ES6基本全部语法
m0_53619602的博客
07-28 2454
name'张三'}functionfn(){//this指向是obj对象return()=>{//this指向的是箭头函数定义的位置，那么这个箭头函数定义在fn里面，而这个fn指向是的obj对象，所以这个this也指向是obj对象}}constresFn=fn.call(obj);resFn();...
ES6优秀写法汇总
大个子小可爱的博客
10-09 1596
ES6的重要改变包括： Arrow function（箭头函数） Promise Generator let 和 const Class（类） Module（模块） Multiline strings（多行字符串） Template literal（模板字面量） Default parameters（默认参数） The spread operator（展开操作符） Destructuring...
es6常用的写法
Teemo_shape的博客
04-21 828
es6 在项目中的运用
es6的一些简洁写法（代码优化）
weixin_47424249的博客
04-20 64
一、关于取值 取值在程序中非常常见，比如从对象obj中取值。 1 2 3 4 5 6 7 const obj = { a:1, b:2, c:3, d:4, e:5, } 吐槽 1 2 3 4 5 6 7 const a = obj.a; const b = obj.b; const c = obj.c; const d = obj.d; const e = obj.e; co
javascript中的部分ECMA6写法（ES6）
wangcong1137的博客
03-06 282
javascript中的部分ECMA6写法（ES6） 定义变量的新方法 let定义变量 let i = 10； console.log(i)//输出10 值得一提的是let定义的变量有独立的块作用域 它只在块作用域中有效 { let i = 10; } console.log(i);//i is not defined const定义变量 const i = 10; i = 20; ...
ES6学习教程之对象字面量详解
11-29
本文主要给大家介绍了关于ES6对象字面量的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 ECMAScript6使得声明对象字面量更加简单，提供了属性简写和方法简写功能，属性名计算的新...
ES6 对象的新功能与解构赋值介绍
10-17
主要介绍了ES6 对象的新功能与解构赋值介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6 Object属性新的写法实例小结
10-16
主要介绍了ES6 Object属性新的写法,结合实例形式总结分析了ES6中object属性的常见简化写法,需要的朋友可以参考下
浅析ES6的八进制与二进制整数字面量
09-01
给大家介绍了ES6特性中的八进制和二进制整数字面量，介绍的挺不错的现在分享给大家，有需要的可以参考借鉴。
Vue - 对象增强写法
qq_33962481的博客
07-25 191
文章目录一、属性的增强写法二、函数的增强写法 一、属性的增强写法 <body> <script> const name = 'zhangsan'; const age = 18; // ES5写法 const obj = { name: name, age: age } // ES6写法 const obj1 = { name, age } console.l
JS之对象-对象增强语法（ES6）
秋水惊鸿的博客
03-29 1820
ES6对JS的对象提供一些封装的语法糖，用来简化某些操作。 1.属性值简写 给对象添加变量时，同名属性可以简写： let name = "zhangsan" let Obj = { name, test:'lalala' } console.log(name) //zhangsan 2.可计算属性 可计算属性，可以实现动态属性赋值，动态属性允许是JavaScript表达式，即也可以是有返回值的function。 let Person = { [name]:'王五' } console.log(
分享一些es6写法
qq_5的博客
07-18 2335
// 箭头函数 let f = a =&gt; a + 1; // 等价于 var f = function(a) { return a + 1; } // 模版字符串 let a = 'react' let s = `hello ${a}`; // hello react // 解构赋值 let [ lang, ...other ] = ['js', 'java', 'rea...
js字面量增强写法
weixin_44234336的博客
07-04 115
1.对象 const obj = new Object() //对象字面量 const obj = { name:'hello'， run:fuction() { console.log('eee'); } } //增强写法 const obj1 = { name, age, height } 2.函数 const func = { run:
ES6中的增强写法
zoepriselife316的博客
09-30 527
有属性和函数的增强写法两种。上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>增强写法</title> </head> <body>
JS ES6 对象字面量增强写法
pyp_demon的博客
12-24 469
就是对象中代表键值的变量名称与键名一致，则可以直接缩写为一个 let name = "张三" let age = 13 let obj = { name, age } console.log(obj) // {name: "张三", age: 13}
Qt中多个动态创建的按钮同时绑定一个槽函数，判断被点击的是哪个按钮
肩上风骋的博客
12-09 2925
当动态创建按钮，每一个创建的按钮都与同一个槽函数绑定，点击按钮的时候获取被点击的按钮的文本。 代码如下： QString getClickedBtn() { outPut<<"getClickedBtn()"; QString strText = " "; for(int i = 0; i < m_listBtn.size(); ++i) { QPushButton *btn = m_listBtn[i]; if(btn-&g
ES6对象的增强写法
qq_41555595的博客
08-05 375
ES6对象字面量的增强写法 对象的字面量：const obj = {name:‘张三’,} 1.属性的增强写法 //es5 字面量的写法 const obj1 = {name: '张三'}； //es6 属性的增强写法 const name = '张三'; const obj = {name}； 2.方法的增强写法 //es5: const obj = { run: function(){ }, get: function(){ }, } //es6: const obj = { fun()
对象增强写法
xiaokanfuchen86的博客
04-30 507
在ES6中，对对象字面量进行了很多增强 属性初始化简写和方法的简写 1.属性的简写 //ES6之前 let name = "why" let age = 18 let obj1 = { name:name, age:age } console.log(obj1); //ES6之后 let obj2 = { name,age } c...
JavaScript 字面量增强写法
科技向善
12-28 217
示例 const app = new Vue({ el: '#app', data: { message: '你好', movies: ['A', 'B', 'C'] }, components: { cpn // 组件的字面量增强写法（传递一个变量）原来写法'cpn' : cpn } }) 上面cpn原本的写法是'...
es6 多个promise技巧写法
最新发布
02-06
在 ECMAScript 6 中，你可以使用 Promise.all 方法来处理多个 Promise 对象。 Promise.all 方法接受一个 Promise 对象数组作为参数，并返回一个新的 Promise 对象。当所有传入的 Promise 对象都被完成时（无论是 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值