Web全栈工程师之路(三)——JavaScript篇(十二)——对象(三)

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS初步(十二)——对象(三)</title>
    <script>
        //利用前面已学的知识创建一个对象
        var obj = new Object();
        console.log(obj);

        /*  
            使用对象字面量来创建一个对象
        */
        
        var obj2 = {}; //这里的{}就叫对象字面量
        obj2.name = "李耳";
        console.log(obj2); //输出obj2

        /*  
            使用对象字面量,可以在创建对象时,直接指定对象中的属性
            语法:{属性名:属性值,属性名:属性值,...}
            对象字面的属性名可以加引号也可以不加,建议不加,如果要使用特殊名字,则必须加

            属性名和属性值是一组一组的名值对结构,名和值之间使用:连接,多个名值对之间使用逗号隔开
            写了最后一个属性后建议不写逗号,写了有些浏览器就会默认给你去掉,有些就会报错,这种错误就不好找
        */

        var obj3 = {name:"李耳",age:18};
        console.log(obj3); //试试效果

        //格式不好看,我给他改改

        var obj3 = {
            name:"李耳",
            age:18,
            sex:"",
            obj4:{name:"没错还是我李耳"}
        };
        console.log(obj3); //试试效果
    </script>
</head>
<body>
    
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/lyrebirth-world/p/12978412.html