码迷,mamicode.com
首页 > 编程语言 > 详细

JAVASCRIPT 4—对象

时间:2020-07-25 11:44:42      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:func   需要   oct   通过   复合   ack   特殊   没有   形式   

基本操作

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
            JS中数据类型
                String字符串
                Number数值
                Boolean布尔值
                Null空值
                Undefined未定义
                    以上这五种类型属于基本数据类型,以后我们看到的值
                        只要不是上边的5种,全都是对象
                Object对象

            基本数据类型都是单一-的值"hello" 123 true,
                值和值之间没有任何的联系。
            在JS中来表示一个人的信息(name gender age)
            var name = "孙悟空";
            var gender = "男";
            var age = 18;
            如果使用基本数据类型的数据,我们所创建的变量都是独立,不能成为一个整体。
            对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。

            对象的分类:
            1.内建对象
                由ES标准中定义的对象,在任何的ES的实现中都可以使用
                比如: Math String Number Boolean Function object... .
            2.宿主对象
                由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
                比如BOM DOM
            3.自定义对家
                由开发人员自己创建的对象
        */

        //创建对象
        /*
            使用new关键字调用的函数,是构造函数constructor
            构造函数是专门用来创建对象的函数
            使用typeof检查一个对象时,会返回object

        */
        var obj = new Object();

        // console.log(typeof obj);
        // console.log(obj);

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

        */
        //向obj中添加一个name属性
        obj.name = "孙悟空";
        //向obj中添加一个gender属性
        obj.gender = "";
        //向obj中添加一个age属性
        obj.age = 18;
        console.log(obj);

        /*
            读取对象中的属性
                语法:对象.属性名
            如果读取对象中没有的属性,不会报错而是会返回undefined
        */
        console.log(obj.name);
        /*
            修改对象的属性值
            语法:对象.属性名=新值
        */
        obj.name = "齐天大圣";
        console.log(obj.name);

        /*
            删除对象的属性
            语法: delete 对象.属性名
        */
        delete obj.name;
        console.log(obj.name);

        /*
        属性名
            对象的属性名不强制要求遵守标识符的规范
                什么乱七八糟的名字都可以使用
            但是我们使用是还是尽量按照标识符的规范去做

        如果要使用特殊的属性名,不能采用.的方式来操作
        需要使用另一种方式:
            语法:对象["属性名"] = 属性值
        读取时也需要采用这种方式
            
        使用[]这种形式去操作属性,更加的灵活
            在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性
        */
        obj["123"] = 789;
        var n = "123";
        console.log(obj["123"]);
        console.log(obj[n]);

        /*
            属性值
                JS对象的属性值,可以是任意的数据类型
                    甚至也可以是一个对象

        */
        //创建一个对象
        var obj2 = new Object();
        obj2.name = "猪八戒";

        //将obj2设置为obj的属性
        obj.test = obj2;
        console.log(obj.test.name);
        /*
        in运算符
            通过该运算符可以检查- -个对象中是否含有指定的属性
                如果有则返回true,没有则返回false
            语法:
                "属性名" in 对象
        */
        //检查obj中是否含有test2属性
        console.log("test" in obj);

    </script>
</head>

<body>
</body>

</html>

 

JAVASCRIPT 4—对象

标签:func   需要   oct   通过   复合   ack   特殊   没有   形式   

原文地址:https://www.cnblogs.com/stu-jyj3621/p/13375620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!