ECMAScript中的Object类跟Java中的Object类相似,ECMAScript中的全部类都由这个类继承而来,Object类中的全部属性和方法都会出如今其他类中,所以理解Object类,就能够更好的理解其他类。

对象的创建

JavaScript的对象是属性的容器,当中每一个属性都拥有名字和值。

属性的名字能够是包含空字符串在内的随意字符串。属性值能够是除undefined值之外的不论什么值。

JavaScript里的对象是无类型的。它对新属性的名字和属性的值没有限制。

对象和适用于汇集和管理数据。对象能够包括其它对象,所以它们能够easy地表示成树状或图形结构。

Object类型用于创建自己定义对象(实例),创建方式有两种:

new后面加Object构造方法

var cat = new Object();
cat.name = "tomcat";
cat.age = 3;
alert("cat's name is " + cat.name + " and its age is " + cat.age);

对象属性的訪问能够直接採用 对象名.属性名称 的方式。

对象字面量表示法

<pre name="code" class="javascript">var dog = {
"name":"hotdog",
"age":3
}

里面的属性名和属性值採用key:value键值对的形式。当中key上面的引號通常能够省略掉。

var dog = {
name:"hotdog",
age:3
}
alert("dog's name is " + dog["name"] + " and its age is " + dog["age"]);

对象属性的方式也能够採用 对象名[属性名] 的方式。

对象属性的訪问

对象属性的訪问方式有两种:点表示法和方括号表示法。

  • 点表示法  对象名.属性名称
  • 方括号表示法  对象名[属性名称]

方括号表示法的长处

  • 能够通过变量来訪问属性
var  pName="name";
alert(cat[pName]);
  • 假设属性名中包括会导致语法错误的字符。或者属性名使用的是keyword或保留字,也能够用方括号表示法。

cat["lovely brother"]="Tom"; 

属性名中包括空格所以不能使用点表示法訪问它.

var catObj = {
name : "tomcat",
"lovely brother" : "tom"
} var pName = "name";
alert(catObj[pName]); // output tomcat alert(catObj["lovely brother"]); // output tom

点表示法长处

假设属性的层次比較深的时候。使用方括号表示法表示麻烦;可是使用点表示法就可以方便的一层层的訪问到须要的属性。

var animals = {
dog : {
name : "hotdog",
age : 4
},
cat : {
name : "tomcat",
age : 3
}
}

点表示法 訪问 dog 的 name 属性

alert(animals.dog.name);

方括号表示法 訪问 dog 的 name 属性

alert(animals["dog"]["name"]);

使用方括号表示法。假设属性比較多的时候。必须挨个的使用[ 和 ],且还要用引號引起属性名称,不如点表示法的直接。

比較完两种方式:訪问属性推荐使用点表示法,除非没办法用点表示法的时候选择用方括号訪问

Object类的属性

Object类具有下列属性:

  • constructor --- 对创建对象的函数的引用。对于Object类,该指针指向原始的object() 函数。
  • prototype --- 对该对象的对象原型的引用。

    对于全部的类,它默认返回Object对象的一个实例。

var obj = new Object();
alert(obj.constructor);
// output
/*
function Object() {
[native code]
}
*/

Object类的方法

Object类具有例如以下方法:

  • hasOwnProperty --- 推断对象是否有某个特定的属性。必须用字符串指定该属性(比如:obj.hasOwnProperty(“name”))。
  • isPrototypeOf(object) --- 推断该对象是否为还有一个对象的原型。
  • propertyIsEnumerable(property) --- 推断给定的属性能否够用for…in 语句进行枚举。

  • toString() --- 返回该对象的原始字符串表示。

  • valueOf() --- 返回最适合该对象的原始值。

var tomObj = {
name : "tomcat",
age : 4
} alert(tomObj.hasOwnProperty("name")); // output true
alert(tomObj.hasOwnProperty("sex")); // output false alert(tomObj.toString()); // [object Object]
alert(tomObj.valueOf()); // [object Object]

hasOwnProperty()、isPrototypeOf(object)、propertyIsEnumerable(property) 这三个方法在讲了原型prototype之后再细述,这里不做介绍了。

JavaScript引用类型之Object类的更多相关文章

  1. JavaScript笔记——引用类型之Object类型和Function类型

    <JavaScript高级程序设计>中介绍的几种JavaScript的引用类型,本文只记了Object跟Function类型 Object类型 创建对象 var person = new ...

  2. JavaScript的进阶之路(三)引用类型之Object类型和Array类型

    引用类型 Object类型 function a(num){ if(num>3){ a(--num); } console.log(num); } a(5); //如何创建对象的实例 var o ...

  3. 浅析JavaScript引用类型之--Object、Array

    1.Object类型 对象是某个特定引用类型的实例,新对象有两种创建方式: i.使用new操作符调用构造函数来创建. var person = new Object(); person.name = ...

  4. JavaScript引用类型之Object类型

    在JavaScript中大多数的引用类型都是Object的实例,Object类型也是使用最多的类型! 创建Object类型实例的方式有两种,下面分别来分析一下: (1)第一种是使用new操作符后跟Ob ...

  5. Object类可以接受引用类型

    Object类是一切类的父类,所以Object类可以接受一切引用类型.连数组和接口对象也都可以接受. 1.接受数组 public class ObjectTest{ public static voi ...

  6. JavaScript学习总结(十一)——Object类详解

    一.Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数. 二.Object类主要属性 1.constructo ...

  7. JavaScript引用类型

    引用类型虽然看起来和类很相似,但是它们却是不同的概念,引用类型的值,也就是对象是引用类型的一个实例.在Js中引用类型主要有Object,Array,Date,正则,Function等. 数组Array ...

  8. Java基础12:深入理解Class类和Object类

    更多内容请关注微信公众号[Java技术江湖] 这是一位阿里 Java 工程师的技术小站,作者黄小斜,专注 Java 相关技术:SSM.SpringBoot.MySQL.分布式.中间件.集群.Linux ...

  9. JS的Object类的属性、方法及如何创建对象

    属性 constructor:对创建对象的函数的引用(指针).对于Object类,该指针指向原始的object()函数. prototype:对该对象的对象原型的引用.对于所有的类,它默认返回Obje ...

随机推荐

  1. C#对数字添加逗号,千分位

    /// <summary> /// 对数字添加”,“号,可以处理负数以及带有小数的情况 /// </summary> /// <param name="vers ...

  2. WCF技术剖析之十三:序列化过程中的已知类型(Known Type)

    原文:WCF技术剖析之十三:序列化过程中的已知类型(Known Type) [爱心链接:拯救一个25岁身患急性白血病的女孩[内有苏州电视台经济频道<天天山海经>为此录制的节目视频(苏州话) ...

  3. Java面试题精选(三) JSP/Servlet Java面试逻辑题

    --   JSP/Servlet  Java面试逻辑题   --     很显然,Servlet/JSP的WEB前端动态制作的重要性比HTML/CSS/JS的价值高很多,但我们都知道他们都是建立在HT ...

  4. 透神器ngrok

    内网穿透神器ngrok 相信做Web开发的同学们,经常会遇到需要将本地部署的Web应用能够让公网环境直接访问到的情况,例如微信应用调试.支付宝接口调试等.这个时候,一个叫ngrok的神器可能会帮到你, ...

  5. 让进程在后台可靠运行的几种方法 nohup,setsid,&,disown,CTRL-z ,screen

    让进程在后台可靠运行的几种方法 几年前在developerWorks上面看到的文章,感觉非常实用,又简单整理了一下,转到这里,希望给看到的人带来一些帮助.文中提到的nohup和subshell方式一直 ...

  6. VS2008下编译BOOST 1.39的ASIO库

    由于全部编译BOOST库需要的时间太长,而且耗费空间,况且我只需要用ASIO库,所以就没有必要全部编译了. boost库到www.boost.org上下载. 编译很简单,假设你的boost存放的目录是 ...

  7. C# MVC 自学笔记—2 MVC Movie简介

    MVC Movie是微软官方的一个MVC入门项目,我们可以跟着这个项目来实践入门 这是官方地址 http://www.asp.net/mvc/tutorials/mvc-4/getting-start ...

  8. 【IACV】边缘检测技术传统的方法与理论

    1.边缘检测的目的 边缘检测是图像分析中使用到的最常见的操作之一,而且相比其他任何主题来说,文献中提到的与边缘增强(edge enhancement)[1]与边缘检测(edge detection)[ ...

  9. [IOS]Setting Bundle + StoryBoard

    用storyboard添加一个导航栏,其中首页有一个switch,与setting联动,还有一个button,使用modal连接另一个viewControl,其上也有一个按钮,按下销毁本viewCon ...

  10. HDU 4668 Finding string (解析字符串 + KMP)

    转载请注明出处,谢谢http://blog.csdn.net/ACM_cxlove?viewmode=contents    by---cxlove 题意:给出一个压缩后的串,以及一个模式串,问模式串 ...