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对象简写的介绍,很简单。

相关文章
ES6学习(8)原生继承
ES6学习(8)原生继承
ES6学习(3)模板字符串、简化对象和函数写法
ES6学习(3)模板字符串、简化对象和函数写法
|
5月前
ES6学习之对象
ES6学习之对象
|
5月前
|
JavaScript 前端开发
ES6之对象的简化
ES6(ECMAScript 2015)引入了一些新的语法特性,使得对象的定义和使用更加简洁和方便。以下是一些ES6中对象的简化写法:
|
5月前
|
存储 JavaScript 前端开发
对象和类:JS是一种基于对象的语言,可以创建和使用自定义对象。ES6引入了类的概念,使得面向对象编程更加方便。
对象和类:JS是一种基于对象的语言,可以创建和使用自定义对象。ES6引入了类的概念,使得面向对象编程更加方便。
41 0
|
10月前
|
网络架构
ES6学习(六)—函数的扩展
ES6学习(六)—函数的扩展
|
11月前
ES6对象扩展
ES6对象扩展
37 0
|
Java 数据库连接
【ES系列四】——ESjdbc的封装
【ES系列四】——ESjdbc的封装