ES6之对象的简化

简介: ES6之对象的简化



前言

在ES6中,其允许在大括号内直接写入变量和函数,作为对象的属性和方法。


对象简写


<script>
        //先定义一个name属性和hello方法
        let name = '王五';
        let hello = function() {
                console.log("很高兴认识你!");
            }
            //创建friend对象,直接写入name属性和hhello方法
        const friend = {
            name,
            hello
        }
        console.log(friend);
        console.log(friend.hello);
    </script>


<script>
        //先定义一个name属性和hello方法
        let name = '王五';
        let hello = function() {
                console.log("很高兴认识你!");
            }
            //创建friend对象,直接写入name属性和hhello方法
        const friend = {
            name,
            hello,
            study() {
                console.log("我爱学习!"); //与上面的hello方法对比,这也是ES6简写。
                                            //上面的hello方法也可以简写成hello(){....}
            }
        }
        console.log(friend);
        console.log(friend.hello());
        console.log(friend.study());
    </script>


总结

以上就是ES6对象简写的介绍,很简单。

相关文章
|
2月前
|
前端开发 网络架构
ES6对函数做了哪些扩展?
本文首发于微信公众号“前端徐徐”,介绍了 ES6 中函数参数的默认值、rest 参数、严格模式、name 属性、箭头函数、尾调用优化等新特性,并详细解释了各个特性的使用方法和注意事项。同时,还介绍了 ES2017 和 ES2019 中关于函数的一些改进,如函数参数尾逗号、`Function.prototype.toString()` 方法的修改以及 `catch` 语句参数的省略。
21 1
|
7月前
ES6学习之对象
ES6学习之对象
|
7月前
|
JavaScript 前端开发
ES6之对象的简化
ES6(ECMAScript 2015)引入了一些新的语法特性,使得对象的定义和使用更加简洁和方便。以下是一些ES6中对象的简化写法:
|
网络架构
ES6学习(六)—函数的扩展
ES6学习(六)—函数的扩展
|
Java 数据库连接
【ES系列四】——ESjdbc的封装
【ES系列四】——ESjdbc的封装
【ES6】对象相关拓展
【ES6】对象相关拓展
44 0
|
JavaScript 前端开发
【ES6】对象的拓展
【ES6】对象的拓展