JS2.对象

时光无错孤独难谈

于 2020-02-20 10:17:19 发布

阅读量102

点赞数

分类专栏： html5 && css

本文链接：https://blog.csdn.net/qq_43745403/article/details/104405960

版权

html5 && css 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <script>
            // 对象分类：
            //     1.内建对象：
            //         -由ES标准中定义的对象，在任何ES的实现中都可以使用
            //         -比如：Math String Number Boolean Function...

            //     2.宿主对象：
            //         -由JS的运行环境提供的对象，目前来讲主要是指由浏览器提供的对象
            //         -比如 BOM DOM
                
            //     3.自定义对象
            //         -由开发人员自己定义创建的对象

            // 创建对象
            // 使用new关键字调用的函数，是构造函数constructor
            //     构造函数是专门用来创建对象的函数
            // 使用typeof检查一个对象时，会返回object
            var obj=new Object();

            // 在对象中保存的值称为属性
            // 向对象添加属性
            //     语法：  对象.属性名 = 属性值

            // 向对象添加一个name属性
            obj.name="孙悟空";
            // 向obj中添加一个gender属性
            obj.gender = "男";
            obj.age=18;
            // 以上属于同一对象属性
            document.write(obj);

            // 读取对象属性
            // 语法： 对象.属性名
            document.write(obj.name);
            document.write(obj.age);
            document.write(obj.gender);

            // 修改对象属性值
            // 语法：   对象.属性名=新值
            // obj.name="Tom";

            // 删除对象属性
            // 语法：  delete 对象.属性
            // delete obj.name;

            // 属性名：如果要使用特殊属性名，不能使用 . 的方式操作
            // 需要使用另一种方式：
            //         语法： 对象["属性名"] = 属性值
            //     读取也要采取这种形式
            obj["123"]=789;
            document.write(obj["123"]);
            // 注意,特殊属性名
            obj["111"]=78910;
            var n = "111";
            document.write(obj[n]);

            // in运算符
                // -通过该运算符检测应一个对象是否含有指定属性
                //     有返回true
                // 语法：
                //     -"属性名" in 对象
            document.write("name" in obj);

        </script>
    </head>

    <body>

    </body>
</html>