<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>js中的对象</title>

    </head>

    <script type="text/javascript">

        /*Object 对象 类比为：塑料袋

         * 对象属于一种复合的数据类型，在对象中可以保存多个数据类型的属性

         * 分类：

         * 1、内建对象(标准的jar包)：由ES标准定义的对象，在任何的ES的实现中都可以使用  如Math String

         * 2、宿主队象(常用jar包)：由js运行环境(浏览器)提供的对象，目前来说主要指由浏览器提供的对象 如BOM DOM

         * 3、自定义对象：开发人员自己创建的对象

         * */

        //1、创建对象 使用new关键字调用的函,是构造函数，构造函数是专门用来创建对象的函数

        var obj=new Object();

        //2、在对象中保存的值成为属性。语法：对象.属性名="属性值"。如添加一个name属性

        obj.name="孙悟空";

        obj.gender="男";

        obj.age=18;

        //3、读取对象中属性 语法： 对象.属性名    .如果读到变量中没有的属性，不会报错会返回undefined

        /*(1)对象的属性名不强制要求遵守标识符的规范 ，但是尽量是按规范 如 obj.var=45;也对

          (2)如果要使用乱七八糟的要采用另一种方式。 对象["属性名"]=属性值，读取时也要采用["属性名"]去读取

          如obj["123"]=78;是对的   这种方式更加灵活  在[]中可以传一个变量，这变量的值是什么就会去读取那个变量

           (3)、js属性的值可以是任意数据类型，包括可以是一个对象(塑料袋中套个塑料袋)

           in：检查一个对象中是否含有某个属性  "name" in obj;

         * */

        console.log(obj.name);

        obj.name="tom";//修改属性的值

        delete obj.age;//删除对象的age属性

        console.log(obj.name);

        var n="sex";

        obj["sex"]="女";

        console.log(obj[n]);

    </script>

    <body>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>引用数据类型</title>

        <script type="text/javascript">

            /*基本数据类型：String、 Number、Boolean、NULL、Undefined

             引用数据类型：Object

             js中变量都是保存到栈内存中的

               1)基本数据类型的值直接在栈内存中存储的，值与值之间单独存在，修改一个变量不会影响其他变量;

               2)引用数据类型的值是保存到堆内存的,在new一个对象时在堆中开辟一个空间，变量obj在栈中保存的是

                  对象的一个内存地址，当发生obj2=obj时等于把地址复制给obj2,它们操作的是同一地址的值，一个变另

                  一个也变。所谓地址就是一个引用。一个变量的属性改变，另一个也改变。 类似于"巫蛊娃娃"

                  如果obj2=null; 不会影响obj的引用

                  new一下等于新开辟一个空间

                  所有 var obj3=new Object(); obj3.name="TOM";

                  var obj4=new Object(); obj4.name="TOM";

                  对象obj3与obj4 不等 ，因为他们指向不同的内存地址。即obj3==obj4 输出为false

             */

            var obj=new Object();

            obj.name="孙悟空";

            var obj2=obj;

            obj.name="猪八戒";

            console.log(obj.name);

            console.log(obj2.name);

            /*使用字面量来创建一个对象;

             * 还可以直接在创建对象时，直接指定对象的属性.语法var 对象名={属性名1：属性值,属性名2：属性值.....};

             */

            var obj3={};

            obj3.name="三藏";

            console.log(obj3.name);

            var obj4={name:"沙和尚", //这样写是为了清晰

                age:12,

                obj5:{name: "沙币"}

                };

            console.log(obj4.age);

            console.log(obj4.obj5.name);

        </script>

    </head>

    <body>

    </body>

</html>

[19/05/28-星期二] JavaScript_ 对象和引用数据类型的更多相关文章

  1. [19/05/26-星期日] JavaScript_ 基本语法_运算符

    一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...

  2. [19/05/25-星期六] JavaScript_ 基础知识和基本语法_数据类型

    一.概念 诞生于1995年,刚开始主要用于处理网页中的前端验证(指的是检查用户输入的内容是否符合一定的规则,比如用户名的长度.密码的长度.邮箱格式等). 前身是网景公司的LiveScript语言,傍的 ...

  3. 基类中定义的虚函数在派生类中重新定义时，其函数原型，包括返回类型、函数名、参数个数、参数类型及参数的先后顺序，都必须与基类中的原型完全相同 but------> 可以返回派生类对象的引用或指针

      您查询的关键词是:c++primer习题15.25 以下是该网页在北京时间 2016年07月15日 02:57:08 的快照: 如果打开速度慢,可以尝试快速版:如果想更新或删除快照,可以投诉快照. ...

  4. Python 对象的引用计数和拷贝

    Python 对象的引用计数和拷贝 Python是一种面向对象的语言,包括变量.函数.类.模块等等一切皆对象. 在python中,每个对象有以下三个属性: 1.id,每个对象都有一个唯一的身份标识自己 ...

  5. 并发编程 19—— 显式的Conditon 对象

    Java并发编程实践 目录 并发编程 01—— ThreadLocal 并发编程 02—— ConcurrentHashMap 并发编程 03—— 阻塞队列和生产者-消费者模式 并发编程 04—— 闭 ...

  6. 读 Runtime 源码：对象与引用计数

    以前只是看了很多博客,这次打算看一下源码,并记录下来.想到哪里就读到哪里,写到哪里.读的代码版本是:objc runtime 680,可以从这里下载 https://github.com/RetVal ...

  7. JAVA的对象和引用——一个真实遇到的问题

    最近在写一段代码的时候,不懂JAVA的我被困住了.先简单描述一下要实现的效果:我要往secretVector里塞28个byteVector,这28个byteVector分别装着10个数值,而且这28个 ...

  8. PHP面向对象之对象和引用

    在PHP中对象类型和简单变量类型表现可以说是大相径庭,很多数据类型都要可以在写时进行复制,如当写代码$a=$b时,两个变量因为赋予相同的值而告终.所以需要注意的是,这种情况用在对象时就会完全不同了. ...

  9. 浅谈Java中的对象和引用

    浅谈Java中的对象和对象引用 在Java中,有一组名词经常一起出现,它们就是“对象和对象引用”,很多朋友在初学Java的时候可能经常会混淆这2个概念,觉得它们是一回事,事实上则不然.今天我们就来一起 ...

随机推荐

  1. 【Linux】CentOS6上redis安装

    1.官网下载安装包 https://redis.io 2.解压 tar -zxvf xxxx.tar.gz 3.编译安装 进入解压后的目录后 make 出现以下内容表示make成功 Hint: It' ...

  2. layui 源码解读(部分)

    <!DOCTYPE html> <head> </head> <body> <input type="button" id=& ...

  3. HDU 1394 Minimum Inversion Number (树状数组 && 规律 && 逆序数)

    题意 : 有一个n个数的数列且元素都是0~n-1,问你将数列的其中某一个数及其前面的数全部置到后面这种操作中(比如3 2 1 0中选择第二个数倒置就产生1 0 3 2)能产生的最少的逆序数对是多少? ...

  4. linux下vsftpd的安装及配置使用详细步骤(推荐)

    vsftpd 是“very secure FTP daemon”的缩写,安全性是它的一个最大的特点. vsftpd 是一个 UNIX 类操作系统上运行的服务器的名字,它可以运行在诸如 Linux.BS ...

  5. android自定义camera以及uri和文件路径之间的转换

    相对直接调用系统的camera,这种方法使用得相对还少一些.根据api文档,步骤如下: 定义一个预览类 可以参照<android高薪之路>这本书上面,有这种方法的一种完整实现 而对应的ac ...

  6. Spring MVC过滤器HiddenHttpMethodFilter

    浏览器form表单只支持GET与POST请求,而DELETE.PUT等method并不支持,spring3.0添加了一个过滤器,可以将这些请求转换为标准的http方法,使得支持GET.POST.PUT ...

  7. IE与safari浏览器中时间格式问题

    一.问题内容 在js中处理Date时,发现IE与Safari和其他浏览器的支持方式不一致 1.例如:2017-01-01 12:00:00 在其他浏览器中,使用这个格式的字符串进行new Date操作 ...

  8. C# 读取Excel中的数据到DataTable中

    原文地址:http://www.open-open.com/code/view/1420029490093 public DataTable ExcelToDS(string Path) { stri ...

  9. Cordova-在现有iOS工程自动化接入Cordova插件

    模拟Cordova插件命令 自己编写脚本,了解cordova添加插件做了哪些事情. 上一篇文章了解到,web与native的交互主要是cordova.js中的exec方法调用,触发交互事件.UIWeb ...

  10. jQuery file upload cropper的 click .preview事件没有绑定成功

    测试 修改https://github.com/tkvw/jQuery-File-Upload/blob/master/basic-plus.html var node = $('<p id=& ...