对象的扩展→属性的简洁表示法（属性、函数、方法）

最新推荐文章于 2021-07-15 13:46:20 发布

&XYZ&

最新推荐文章于 2021-07-15 13:46:20 发布

阅读量312

点赞数 1

分类专栏： ES6

本文链接：https://blog.csdn.net/JEFF_luyiduan/article/details/98454530

版权

ES6 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象的扩展→属性的简洁表示法</title>
</head>
<body>
<script>
    /*
    ES6 允许直接写入变量和函数，作为对象的属性和方法。
    */

    // ES6 允许在对象之中，直接写变量。
    const name = 'XYZ';

    const names = {name};
    console.log(names);//{name: "XYZ"}

    //等同于
    const names1 = {name: name};
    console.log(names1);//{name: "XYZ"}


    //运用在函数中
    function f(x, y) {
        return {x, y}
    }

    console.log(f(1, 2));//{x: 1, y: 2}

    //等同于
    function f1(x, y) {
        return {x: x, y: y}
    }

    console.log(f1(3, 4));//{x: 3, y: 4}

    //方法简写
    const o = {
        method() {
            return "Hello World!";
        }
    };
    console.log(o.method());//Hello World!
    // 等同于
    const o1 = {
        method: function () {
            return "Hello World!";
        }
    };
    console.log(o1.method());//Hello World!

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

&XYZ&

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对象的扩展→属性的简洁表示法（属性、函数、方法）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象的扩展→属性的简洁表示法</title></head><body><script> /* ES6 允许直接写...
复制链接

扫一扫