JavaScript引用类型之Object类
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类的更多相关文章
- JavaScript笔记——引用类型之Object类型和Function类型
<JavaScript高级程序设计>中介绍的几种JavaScript的引用类型,本文只记了Object跟Function类型 Object类型 创建对象 var person = new ...
- JavaScript的进阶之路(三)引用类型之Object类型和Array类型
引用类型 Object类型 function a(num){ if(num>3){ a(--num); } console.log(num); } a(5); //如何创建对象的实例 var o ...
- 浅析JavaScript引用类型之--Object、Array
1.Object类型 对象是某个特定引用类型的实例,新对象有两种创建方式: i.使用new操作符调用构造函数来创建. var person = new Object(); person.name = ...
- JavaScript引用类型之Object类型
在JavaScript中大多数的引用类型都是Object的实例,Object类型也是使用最多的类型! 创建Object类型实例的方式有两种,下面分别来分析一下: (1)第一种是使用new操作符后跟Ob ...
- Object类可以接受引用类型
Object类是一切类的父类,所以Object类可以接受一切引用类型.连数组和接口对象也都可以接受. 1.接受数组 public class ObjectTest{ public static voi ...
- JavaScript学习总结(十一)——Object类详解
一.Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数. 二.Object类主要属性 1.constructo ...
- JavaScript引用类型
引用类型虽然看起来和类很相似,但是它们却是不同的概念,引用类型的值,也就是对象是引用类型的一个实例.在Js中引用类型主要有Object,Array,Date,正则,Function等. 数组Array ...
- Java基础12:深入理解Class类和Object类
更多内容请关注微信公众号[Java技术江湖] 这是一位阿里 Java 工程师的技术小站,作者黄小斜,专注 Java 相关技术:SSM.SpringBoot.MySQL.分布式.中间件.集群.Linux ...
- JS的Object类的属性、方法及如何创建对象
属性 constructor:对创建对象的函数的引用(指针).对于Object类,该指针指向原始的object()函数. prototype:对该对象的对象原型的引用.对于所有的类,它默认返回Obje ...
随机推荐
- Oracle闪回flashback总结
1.说明: Ø 采用的技术. 使用的是多个技术. 1. 闪回日志 2. 回收站 3. 回滚段 无法使用回收站的操作 Drop table xxx purge; Drop ...
- DOM方法入门 - 第二课
1.console.log()是吧元素显示在控制台2.appendChild() 就是将元素追加到末尾3.innerHTML获取的是元素里面的所有内容包括里面的子元素4.innerText获取的是元素 ...
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的.情 况有很多种,不同的情况又有不同的解决方式.水平居中的方式解决 ...
- 【linux】开发环境说明
欢迎转载,转载时请保留作者信息,谢谢. 邮箱:tangzhongp@163.com 博客园地址:http://www.cnblogs.com/embedded-tzp Csdn博客地址:http:// ...
- QT在构造函数中退出程序
原地址:http://www.tuicool.com/articles/RZnYze 在QT的界面类的构造过程中,如果想退出整个程序,暴力的做法是调用exit(-1)进行,另外一种不是那么暴力的方式如 ...
- Rationnal Rose2003安装并破解
1.安装Rational Rose2003时,在需选择安装项的时候,只选择Rational Rose EnterPrise Edition即可,不需选择其他项,之后选择“DeskTop Install ...
- 论文阅读笔记 - Mesos: A Platform for Fine-Grained ResourceSharing in the Data Center
作者:刘旭晖 Raymond 转载请注明出处 Email:colorant at 163.com BLOG:http://blog.csdn.net/colorant/ 更多论文阅读笔记 http:/ ...
- JS - 鼠标经过边框旋转
*右侧为鼠标经过时效果. 下载地址:http://www.lanrentuku.com/js/tupian-1200.html
- 调用函数的ALV、面向对象的ALV设置带选择列
这个就是通过对应的选择列,实现对ALV数据的选择,在调用函数的ALV和面向对象的ALV实现方法存在差异,下面讲两者的方法:1)调用函数的ALV. 通过 SLIS_LAYOUT_ALV-BOX_FI ...
- 开始翻译Windows Phone 8 Development for Absolute Beginners教程
Bob Tabor (LearnVisualStudio.NET)和Clint Rutkas (Microsoft/Channel9)合作推出了超过11小时的针对初学者的Windows Phone 8 ...