es6 字面量增强写法

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

代码举例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    es 6 字面量增强语法
</div>
<script>

    let a="张三";
    let b=12;
    //es5写法
    let c={
        name:a,
        age:b
    }
    //es6写法
    let d={
        a,b
    }
    console.log(c.name);
    console.log(d.a);

</script>
</body>
</html>

效果图

在这里插入图片描述

IT悍将阿瑞
关注
专栏目录
03-ES6语法：模板字面量(Template Literals)
光脚丫思考的专栏
03-30 3万+
ES6引入了模板字面量（Template Literals），对多行字符串和字符串占位符的操作进行了增强。本文对这方面的内容进行了详细的介绍。
ES6优秀写法汇总
大个子小可爱的博客
10-09 1669
ES6的重要改变包括： Arrow function（箭头函数） Promise Generator let 和 const Class（类） Module（模块） Multiline strings（多行字符串） Template literal（模板字面量） Default parameters（默认参数） The spread operator（展开操作符） Destructuring...
ES6字面量增强写法
jwz934738949的博客
06-25 273
1、对象属性增强写法 ES5写法： const name = "小明"; const age = 15; const grade = 5; //在ES5中，为对象属性赋值是只能是key: value的形式 const student = { name: name, age: age, grade: grade }; ES6写法： const name = "小明"; const age = 15; const grade = 5; .
ES6对象字面量增强写法
qq_45473786的博客
03-25 446
文章目录ES5写法ES6增强写法 ES5写法 <script> const name = "张三"; const age = 25; //ES5写法 const obj = { name:name, age:age, //这是一个方法 eat:function{ } ...
ES6之对象字面量增强写法
chd_sun的博客
02-14 268
1.对象 通常我们把一些相关的数据放在一个对象之中打印出来如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...
ES6（一）——字面量的增强、解构、let/const、块级作用域、暂时性死区
zep
03-09 1422
一、字面量的增强 ES6中对 对象字面量 进行了增强，称之为 Enhanced object literals（增强对象字面量）。 字面量的增强主要包括下面几部分： 属性的简写：Property Shorthand 方法的简写：Method Shorthand 计算属性名：Computed Property Names var name = "why" var age = 18 var obj = { // 1.property shorthand(属性的简写) name, age,
增强对象字面量
qq_20722679的博客
11-14 246
解决问题：缩减代码 什么是字面量：一般等号右边的内容都是字面量 增强对象字面量可以对对象的属性和方法进行简写 简写前 function createBookShop(inventory){ return{ inventory:inventory, inventoryValue:function(){ return this....
ES6学习教程之对象字面量详解
08-29
在ES6中，对象字面量的语法得到了显著的增强，使得编写JavaScript代码变得更加简洁和易读。本文将深入探讨这三个关键的新特性：属性简写、方法名简写以及属性名计算。 首先，我们来看**属性简写**。在ES5中，创建...
ES6 Object属性新的写法实例小结
10-16
ES6允许我们在定义对象字面量时，使用表达式作为属性名，也就是所谓的计算属性名。这在之前的版本中是不可能的，必须先定义对象然后动态添加属性： ```javascript var obj = { name: 1 }; obj['x'] = 2; obj.y = 3; ...
不容错过的ES6知识点（二）：字面量、函数
ZZhXuan的博客
05-26 593
ES6模板字面量创建字符串函数用 ES6 编写简洁的函数声明补习构造函数和new原理手写new构造函数使用 class 语法定义构造函数使用 getter 和 setter 来控制对象的访问练习应用： 模板字面量创建字符串 `${变量}` 函数 用 ES6 编写简洁的函数声明 定义函数时省略function关键字和冒号 在 ES5 中，当我们需要在对象中定义一个函数的时候，必须像这样使用 function 关键字： const person = { name: "Taylor", sayHello
es6 增强字面量
周家大小姐
09-15 334
 方式一: // 增强字面量 function createBookShop(inventory){ return { inventory:inventory, inventoryValue:function(){/** * reduce()对数组每个元素执行回调函数，返回值用于下一次计算参数, * total初始值为...
ES6增强对象字面量
mrhou的博客
04-14 652
es6对象字面量增强 相对于ES5,ES6的对象字面量得到了很大程度的增强。这些改进我们可以输入更少的代码同时语法更易于理解。那就一起来看看对象增强的功能。对象字面量简写(Object Literal Shorthand)、对象方法简写(Object Method Shorthand)、计算对象键(Object key)、对象解构(Object Destructuring)。 ES6对象字面量简写...
JavaScript 字面量增强写法
科技向善
12-28 231
示例 const app = new Vue({ el: '#app', data: { message: '你好', movies: ['A', 'B', 'C'] }, components: { cpn // 组件的字面量增强写法（传递一个变量）原来写法'cpn' : cpn } }) 上面cpn原本的写法是'...
ES6对象字面量的增强写法
胡图图不糊涂的博客
04-16 225
什么叫字面量呢？ []：创建数组的字面量 {}：创建对象的字面量 一、属性 const num = 10; const str = '熊大'; //ES5写法（属性） const a = { nums: num, strs: str }; console.log(a); //ES6写法（属性...
ES6_对象字面量增强写法
骑大马挎大刀
05-23 228
对象字面量写法： 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新特性之字面量增强写法
qq_39112047的博客
06-24 186
ES6中对 对象字面量 进行了增强，称之为 Enhanced object literals(增强对象字面量)。字面量的增强主要包括以下几个部分：
第四节：教你如何快速让浏览器兼容ES6特性
qq_24520459的博客
06-08 2112
写在正文前，本来这一节的内容应该放在第二节更合适，因为当时就有同学问ES6的兼容性如何，如何在浏览器兼容ES6的特性，这节前端君会介绍一个抱砖引玉的操作案...
js es6判断是否微信浏览器
jiao512的专栏
07-03 916
/** @func isWeiXin* @explain 判断是否微信浏览器*/export function isWeiXin() { let ua = window.navigator.userAgent; if (ua.match(/MicroMessenger/i) == 'MicroMessenger') { return true; } ...
ES6对象字面量简写与语法糖详解
本篇文章主要介绍了JavaScript ES6中的简写语法，尤其是关于对象字面量的改进。ES6引入了一种更为简洁和灵活的方式来编写代码，提升了代码的可读性和可维护性。以下是一些关键知识点的详细阐述： 1. **对象字面量的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT悍将阿瑞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值