ES6 对象初始化

最新推荐文章于 2023-07-05 16:46:33 发布

I wish I could do it

最新推荐文章于 2023-07-05 16:46:33 发布

阅读量842

点赞数

分类专栏： # ES6入门文章标签： javascript

本文链接：https://blog.youkuaiyun.com/cumt0/article/details/113786956

版权

ES6入门专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了JavaScript中对象初始化的传统方法和ES6的新语法，展示了如何使用ES6的简洁写法来定义对象属性和方法，包括变量简写和函数表达式的简化。此外，还给出了一个在登录表单中应用这些简写技巧的例子，通过jQuery获取输入值并构造请求参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
    <script>
        //对象初始化（传统方法）
        var student={
            name:"Mike",
            age:20,
            go:function(){
                console.log("我骑着自行车去上课");
            }
        };
        //console.log(student);

        //对象初始化（ES6语法）
        //因为对象是key:value存在
        //1.如果key和变量的名字一致，可以只定义一次即可
        //2.如果value是一个函数，可以把:function()取得只留下()
        var name="Mike";
        var age=20;
        let student2={
            name,
            age,
            go(){
                console.log("我骑着自行车去上课"); 
            }
        }
        student2.go();
        console.log(student2);
    </script>
</body>

应用场景：

<body>
    <form>
        账号：<input type="text" id="account" />
        <br>
        密码：<input type="text" id="password" />
        <br>
        <input type="button" value="登录" id="logbtn" />
    </form>
    <script>
        $("#logbtn").on("click",function(){
            var account=$("#account").val();
            var password=$("#password").val();
            //对象简写的应用场景，下面用的是ES6语法
            var params={account,password};
            //执行异步请求
            $.ajax({
                type:"post",
                url:"xxx",
                data:params,
                success(){

                }
            })
        })
    </script>
</body>