JavaScript基础知识-对象的基本操作

　　　　　　　　　　　　　　　JavaScript基础知识-对象的基本操作

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>对象的基本操作</title>
        
        <script type="text/javascript">
            /**
             *     JS中的数据类型:
             *         基本数据类型:
             *             String(字符串)
             *             Number(数值)
             *             Boolean(布尔值)
             *             Null(空值)
             *             Undefined(未定义)
             *         引用数据类型:
             *             Object(对象)
             * 
             *     基本数据类型都是单一的值，如在JS中标识一个人的信息(name,age)如下所示,这些值和值之间没有任何关系，不能成为一个整体。
             *         var name = "尹正杰";
             *         var age = 18;
             *     
             *     对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。因此使用对象就可以很容易标识一个人的信息。
             * 
             * 
             *     对象的分类:
             *         内建对象:
             *             由ES标准中定义的对象，在任何的ES中实现都可以使用,比如:Math,String,Number,Boolean,Function,Object,......
             *         宿主对象:
             *             由JS运行环境提供的镜像,目前主要来讲是由浏览器提供的对象,比如BOM(浏览器对象模型,典型代表就是"console.log();"中的"console"对象),DOM(文档对象模型，典型代表就是"document.write();"中的"document"对象)等。
             *         自定义对象:
             *             由开发人员自建创建的对象。
             * 
             */
            
            //创建对象,使用new关键字调用的函数，就是构造函数(constructor),构造函数时专门用来创建对象的函数。
            var obj = new Object();
            
            //向对象中添加属性(在对象中保存的值称为属性)
            obj.name = "尹正杰";
            obj.age  = 18;
            
            console.log(typeof obj);
            console.log(obj);
            
            //读取对象中的属性,如果读取对象中没有的属性，不会报错而是返回"Undefined"
            console.log(obj.name);
            console.log(obj.gender);
            console.log(obj.age);
            
            //修改对象属性
            obj.name = "Jason Yin";
            console.log(obj.name);
            console.log(obj);
            
            //删除对象的属性
            delete obj.name;
            console.log(obj.name);
            console.log(obj);
            
        </script>
    </head>
    <body>
    </body>
</html>

二.浏览器打开以上代码渲染结果

JavaScript基础知识-对象的基本操作

相关推荐