首页 > 其他分享 >ES6之简化对象写法

ES6之简化对象写法

时间:2022-11-16 23:22:31浏览次数:34  
标签:ES6 console log 简化 写法 change name

<!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>
    <script>
        //ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。
        //这样的书写更加简洁
        let name = '尚硅谷';
        let change = function(){
            console.log('我们可以改变你!!');
        }


       // 原先的写法如下:
       const school1 = {
            name:name,
            change:change,
            improve:function(){
                console.log("我们可以提高你的技能");
            }
        }
       // ES6简化之后的写法:
        const school = {
            name,
            change,
            improve(){
                console.log("我们可以提高你的技能");
            }
        }
        console.log(school1);
        console.log(school);

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

结果:

 

标签:ES6,console,log,简化,写法,change,name
From: https://www.cnblogs.com/anjingdian/p/16897903.html

相关文章

  • ES6使用let实现变量的解构赋值
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>变量......
  • ES6之const
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>const......
  • Javascript(笔记40) - ES6特性 - Map
    Javascript(笔记40)-ES6特性-MapMap ES6 提供了Map数据结构。它类似于对象,也是键值对集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实......
  • Javascript(笔记39) - ES6特性 - 集合Set
    SETES6 提供了新的数据结构set(集合)。集合类似于数组,但成员的值都是唯一的,集合实现iterator 接口,所以可以使用“扩展运算符”和“for...of”进行遍历,集合的属性和方法......
  • 龙哥分享的通达信公式常用写法2(公开)
    #----------------------------------------------------------------------------------#-----MACD放大坐标系100倍参数12、26、9DIF:EMA(CLOSE*100,12)-EMA(CLOSE*......
  • ES6之let
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>let</......
  • ES6-import后加花括号{}和不加花括号引用模块的区别
    ES6-import后加花括号{}和不加花括号引用模块的区别使用花括号在A文件中想要引用B文件模块,所引入的名字必须与B文件中导出的名字相同在A.js中exportconstA{***}那么......
  • [Dubbo] 整理 简化 配置Provider和Consumer(SpringBoot + Dubbo + Zookeeper 搭建环境)
    SpringBoot+Dubbo+Zookeeper搭建环境Dubbo2.7使用的AlibabaDubbo,后来@Service等注解被标识@Deprecated。现改用Dubbo3.0.6,出现了一些版本匹配的问题。可以......
  • mybatis入门写法思路
    废话不说直接上思路: 1.先用maven安装mybatis <!--https://mvnrepository.com/artifact/org.mybatis/mybatis--><dependency><groupId>org.mybatis</gr......
  • 龙哥分享的通达信公式常用写法
     #----------------------------------------------------------------------------------#-----MACD系统默认参数12、26、9DIF:EMA(CLOSE,12)-EMA(CLOSE,26);DE......