ES6语法（三）——对象字面量增强写法

最新推荐文章于 2022-06-24 09:00:39 发布
最新推荐文章于 2022-06-24 09:00:39 发布
阅读量139 收藏 1
点赞数
分类专栏： Vue学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/third_/article/details/119619236
版权

1、属性的增强写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="../js/vue.js"></script>
<script>
    // const obj = new object()
    // 我们通常使用这用写法：专业术语为对象字面量
    const obj = {
        name: 'kim',
        age: '18',
        eat: function() {
            console.log('开始吃了～～')
        },
        run: function() {
            console.log('开始跑了～～')
        }
    }
    // 1.属性的增强写法
    const name = 'kimtian';
    const age = 18;
    const height = 1.88;

    // ES5的写法
    const es5Obj = {
        name: name,
        age: age,
        height: height
    }
    // ES6的写法
    const es6Obj = {
        name,
        age,
        height
    }
    console.log(es5Obj)
    console.log(es6Obj)
</script>
</body>

        ES6会把我们的变量名称作为key，它的常量也就是具体的值作为value。

        可以从浏览器执行的结果看出来两种方式打印出来的结果完全一样。

2、函数的增强写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="../js/vue.js"></script>
<script>
    // 2、函数的增强写法
    // ES5的写法
    const es5Obj = {
        eat: function() {

        },
        run: function() {

        }
    }
    // ES6的写法
    const es6Obj = {
        eat() {

        },
        run() {

        }
    }
</script>
</body>

田小江爱分享
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6学习教程之对象字面量详解
08-29
相对于ES5,ES6的对象字面量得到了很大程度的增强，下面这篇文章主要给大家介绍了关于ES6学习教程之对象字面量的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
浅析ES6的八进制与二进制整数字面量
09-01
给大家介绍了ES6特性中的八进制和二进制整数字面量，介绍的挺不错的现在分享给大家，有需要的可以参考借鉴。
ES6（一）——字面量的增强、解构、let/const、块级作用域、暂时性死区
zep
03-09 1362
一、字面量的增强 ES6中对 对象字面量 进行了增强，称之为 Enhanced object literals（增强对象字面量）。 字面量的增强主要包括下面几部分： 属性的简写：Property Shorthand 方法的简写：Method Shorthand 计算属性名：Computed Property Names var name = "why" var age = 18 var obj = { // 1.property shorthand(属性的简写) name, age,
ES6增强对象字面量
mrhou的博客
04-14 616
es6对象字面量增强 相对于ES5,ES6的对象字面量得到了很大程度的增强。这些改进我们可以输入更少的代码同时语法更易于理解。那就一起来看看对象增强的功能。对象字面量简写(Object Literal Shorthand)、对象方法简写(Object Method Shorthand)、计算对象键(Object key)、对象解构(Object Destructuring)。 ES6对象字面量简写...
ES6新特性之字面量增强写法
qq_39112047的博客
06-24 150
ES6中对 对象字面量 进行了增强，称之为 Enhanced object literals(增强对象字面量)。字面量的增强主要包括以下几个部分：
ES6 增强的对象字面量
m0_37158404的博客
05-08 144
———————————————— 版权声明：本文为CSDN博主「梦想画家」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/neweastsun/article/details/103746344 ES6 中三种方式定义对象属性 重复样本代码让开发者很不爽，代码混乱掩盖了重要业务代码。ES6关注并解决一些重复的代码方式，使代码简洁、逻辑清晰，如数组解构、对象解构、箭头函数等。本文我们主要介绍利用三种方式在初始化对象
ES6_对象字面量增强写法
骑大马挎大刀
05-23 216
对象字面量写法： const obj = { name = '张三', age = '18', fuc: function(){ console.log('对象中的方法'); } } 一：字面量属性的增强写法： // ES5 写法 const name = '张三'; const age = 18; const obj ={ name : name, age : age } // ES6 写法 const name = '张三'; const age = 18; // 变量名称作为key ,
ES6入门教程——7、ES6 Reflect 与 Proxy
01-08
如果不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作，譬如进行拦截。 //定义一个类 const employee = { firstName: 'Tapas', lastName: 'Adhikary'...
ES6对象字面量的增强写法
weixin_43152611的博客
06-02 391
对象字面量的增强写法是ES6相对于之前版本的ECMAScript新加入的写法，可以使开发过程中的对象的操作变得更加简单 一、对象的属性增强 在ES5中对象是这样写的： <script> var obj={ name:'curry', age:18, height:1.98, } </script> 而ES5在对象之前定义了属性值的时候需要这样写： <script&g
ES6对象字面量增强写法
qq_45473786的博客
03-25 424
文章目录ES5写法ES6增强写法 ES5写法 <script> const name = "张三"; const age = 25; //ES5写法 const obj = { name:name, age:age, //这是一个方法 eat:function{ } ...
ES6之对象字面量增强写法
chd_sun的博客
02-14 258
1.对象 通常我们把一些相关的数据放在一个对象之中打印出来如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...
es6 增强对象字面量
qq_34870529的博客
06-14 185
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
ES6 中对象字面量的增强和对象扩展方法
小白的学习之路
03-19 169
对象字面量的增强： 在ES6中，在对象中，属性名和变量名相同的时候，可以省略冒号和后面的变量引用 const flag = "flag"; const obj = { name:"li", flag, age : 21 } console.log(obj); 对象内部的函数定义方式也可进行简化 const obj = { name:"li", age:21, //message:function(){} message(){ console.log(this.n
ES6对象字面量的增强
u010234868的专栏
10-14 84
const age = 18; const person = { name: 'Lily', // age: age // 属性名和属性值对应的变量名相同时可以简写： age, // sayHi: function () { // console.log(this); // console.log(`${this.name}'s age is ${this.age}`); // } // 下面的(){}与上面的: function(){} 等效 sa.
对象字面量的增强写法（简写方法）
qq_41706280的博客
11-23 563
1.对象属性的增强写法 //ES5写法 const name = "yuan"; const age = "21"; const sex = "man"; const obj = { name: name, age: age, sex: sex } //ES6写 const name = "yuan"; const age = "21"; const sex = "man"; con...
对象字面量增强写法
saber_H的博客
06-07 170
对象字面量 const obj = {} // {} 表示字面量 属性增强写法 // ES5 const name = 'kobe'; const age = 18; const height = 1.88; const obj = { name: name, age: age, height: height } // ES6 const name = 'kobe'; const age = 18; const height = 1.88; const obj = {
Vue学习记录-const，ES6对象字面量的增强写法
orangecloudy的博客
04-14 281
// 1.const修饰的标识符被赋值后，不能修改 // 2.使用const定义标识符时，必须进行赋值 // 3.常量的含义时指向的对象不能修改，但可以改变对象内部但属性 //1.属性的增强写法 const name = 'why'; const age = 18; // ES5 // const obj = { // ...
关于ES6中对象字面量的增强写法[详解]
dwjdj的博客
08-22 123
<script> const obj=new Object(); const obj={ name:'李银河', age:'18', run:function () { console.log('随风奔跑'); } }; obj.run(); 1.属性的增强写法 const name='王小波'; const age ='18'; ES5对象属性赋值的写法 const obj={ name:name,
es6语法检测某个对象的key值为’date'
最新发布
06-10
你可以使用ES6的语法，在对象中查找key值为'date'的属性。具体方法如下： ```javascript const obj = { name: 'John', age: 30, date: new Date() }; if ('date' in obj) { console.log('对象中包含key值为...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值