JavaScript Object类

🌙
手机阅读
本文目录结构

对象类型是JavaScript语言的基础,JS中万物皆对象;我们看到的大多数引用类型值都是Object类型的实例;而且Object也是JS中最多的一个数据类型;Object类型的数据是储存和传输数据的最佳选择;

Object类型的知识点

  • 创建的方式
  • 使用方式
  • 常用的方法

一、创建的方式

  • 构造函数模式

          var person1 = new Object();
          person.name = "broszhu";
          person.age = "26";
    
  • 字面量方式

对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程

        var person2 = {
            name : "broszhu",
            age : "26"
        };

以key:value的方式定义,中间用",“来隔开;因为 age 是这个对象的最后一个属性。在最后一个属性后面添加逗号,会在 IE7 及更早版本 中导致错误,在使用webStorm之类的语法检测IDE中也会提示报错;

        var person3 = {}; //与 与 new Object() 相同
        person.name = "broszhu";
        person.age = "26";

对象字面量语法,因为这种语法要求的代码量少,而且能够给人封装数据的感觉。实际上,对象字面量也是向函数传递大量可选参数的首选方式

就像上面的person2,传参的时候,直接传person2进去;阅读的时候,一眼就看清楚穿进去的是什么;

二、函数的调用

  • 点表示法(这也是很多面向对象语言中通用的语法)

  • 方括号表示法(使用方括号表示法来访问对象的属性。在使用方括号语法时,应该将要访问的属性以字符串的形式放在方括号中)

          console.log(person2["name"]); //"broszhu"
          console.log(person2.name);    //"broszhu"
    

从功能上看,这两种访问对象属性的方法没有任何区别。方括号语法的主要优点是可以通过变量来访问属性;

        var propertyName = "name";
        console.log(person2[propertyName]); //"broszhu"

除非必须使用变量来访问属性,否则我们建议使用点表示法。

↑ 返回目录

三、常用的方法

  • toString

    • 返回所有实例所属类的信息,通常用这个检测数据类型;

        Object.prototype.toString.call()
      
  • hasOwnProperty

    • 检测某个属性是否是这个对象的私有属性;
  • in

    • 检测摸个属性是否是这个对象的属性
  • properyIsEnumerable

    • 对象的某个属性是否是可以枚举类型的;

↑ 返回目录


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>