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

待我称王封你为后i 2021-11-11 04:31 229阅读 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 window对象的属性和方法

Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，

矫情吗；*/ 2022年07月21日 00:15/ 0 赞/ 168 阅读

相关从零开始学_JavaScript_系列（38）——对象的扩展（1）属性的简洁写法

对象的扩展写在前面的话感觉博客写的有点太细了，导致我学习进度过于缓慢。因此，建议学习者以[阮一峰博客][Link 1]为主，以本博客为补充。我这里主要写

野性酷女/ 2022年06月13日 23:39/ 0 赞/ 134 阅读

相关在vue中给对象扩展属性的方法

在vue中给对象扩展属性的方法。如下图所示给seller对象扩展一个属性id，利用立即执行函数给id赋值 ![2018050810200874][]

Bertha 。/ 2022年05月25日 04:37/ 0 赞/ 182 阅读

相关 JavaScript---函数的属性和方法

一个方法既是函数，又是对象。是由系统构造方法Function构造而来，Function的原型上有这么几个属性或者是方法： name：函数的名字-字符串 argum

谁借莪１个温暖的怀抱￠/ 2022年05月17日 02:17/ 0 赞/ 145 阅读

相关 Kotlin 扩展函数、中缀表示法

扩展函数 [参考链接 Kotlin 语言中文站][Kotlin] 声明一个扩展函数，我们需要用一个接收者类型也就是被扩展的类型来作为他的前缀。 packa

深藏阁楼爱情的钟/ 2022年05月15日 00:36/ 0 赞/ 188 阅读

相关扩展运算符：扩展对象的属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

短命女/ 2021年12月13日 14:29/ 0 赞/ 309 阅读

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

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

待我称王封你为后i/ 2021年11月11日 04:31/ 0 赞/ 230 阅读

相关 js对象属性方法

window对象方法方法： 1、alert()：显示带有一段消息和确认按钮的警告框 2、prompt()：显示可提示用户输入的对话框 3、fonfirm()：显示带有一段

深碍√TFBOYSˉ_/ 2021年10月30日 02:42/ 0 赞/ 412 阅读

相关 XMLHttpRequest对象的属性和方法

XMLHttpRequest对象的属性: （1）readyState属性该属性代表请求的状态,当XMLHttpRequest对象把一个HTTp请求发送到服务器端时,会经历

冷不防/ 2021年10月06日 13:10/ 0 赞/ 737 阅读

相关 js属性对象的hasOwnProperty方法

IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。 Object的hasOwnProperty()方法返回一个布尔值，判

迈不过友情╰/ 2021年09月18日 23:18/ 0 赞/ 449 阅读