--对象的简写--

最新推荐文章于 2022-03-23 20:37:45 发布

喵帕斯_喵太

最新推荐文章于 2022-03-23 20:37:45 发布

阅读量272

点赞数

分类专栏： javascript 文章标签： JavaScript 对象简写工厂函数表单数据 JSON转换

本文链接：https://blog.csdn.net/miaopasi_poi/article/details/116429700

版权

javascript 专栏收录该内容

58 篇文章 2 订阅

订阅专栏

01-对象简写

<body>
    <form action="">
        <input type="text" name="username">
        <input type="password" name="password">
    </form>
    <script>
        // 工厂函数产生对象：复用结构
        function factory(name, age) {
            return {
                name: name,
                age: age
            }
        }

        let s1 = factory('张三', 18)

        // 实际开发中：如果遇到了声明对象的时候，属性的值是一个  变量 ，而属性名也是与变量名一致，那么可以简化：直接写入变量名
        // 系统会自动将变量的名字当成属性名，把变量的值解析成属性的值
        function factory(name, age) {
            return {
                name,
                age
            }
        }

        let s2 = factory('安琪拉', 18)

        // 应用场景最多：用户表单输入数据，提交给服务器
        let username = document.querySelector('input').value
        let password = document.querySelectorAll('input')[1].value

        // 生成对象转成json发送给服务器
        let res = JSON.stringify({ username, password })
    </script>
</body>