zoukankan html css js c++ java

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>

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

查看全文

相关阅读:
蝶恋花
 JVM解毒——JVM与Java体系结构
 超赞！IDEA 最新版本，支持免打扰和轻量模式！
SpringBoot 结合 Spring Cache 操作 Redis 实现数据缓存
 神奇的 SQL 之 WHERE 条件的提取与应用
 终于放弃了单调的swagger-ui了，选择了这款神器—knife4j
Git 高级用法，喜欢就拿去用
 既然有 HTTP 请求，为什么还要用 RPC 调用？
SpringBoot和Spring到底有没有本质的不同？
一条简单的更新语句，MySQL是如何加锁的？

原文地址：https://www.cnblogs.com/yinzhengjie/p/12164007.html