javascript之对象
一、创建对象
1、对象直接量。
var point = { x:0,y:0 }; //point就是一个对象,跟C#不同,它不需要一定有类才能创建对象。
2、通过new创建对象
var d = new Date(); //创建一个Date对象
3、原型
Object.prototype //用于获取对象原型的引用。所有对象都直接或间接继承自Object.prototype,相当于C#中的System.Object();
通过new Date()创建的对象同时继承自Date.prototype和Object.prototype。
4、Object.create()
Object.create()是一个静态函数,可以用它创建一个新对象。
二、属性的读取和设置
1、属性的读取有两种方法。可以通过"."和"[]"来读取。
如:var author = book.author;
var author = book["authoe"];
设置也一样:
book.author = "刘德华";
book["author"] = "刘德华";
注意,如果对象的属性名与保留字一样,则必须通过方括号读取。
如:book["class"];
另外用方括号访问就个好处,就是在运行时确定属性名如book["author" + 1];
2、继承
如果要查询对象o的属性x,如果o没有属性x,则会到o的原型去查,一级一级往上,直到Object.prototype。

var o = {};
o.x = 1;
var p = Object.create(o);
p.x = 2; //改变了继承的属性x
document.write(p.x); //输出2,p.x继承自o.x
var q = Object.create(o);
document.write(q.x); //输出1,p改变的是自己x,改变不了原型的x

同时对原型链属性的操作并不会真正更改原型链,只是在子对象中增加了一个同名属性。更改是只是改了自己。
三、删除属性
delete() delete()方法只能够删除自有属性,不能够删除继承属性。delete()只是断开属性和宿主对象的联系,而不回去操作属性中的属性。
var book = {
author:"刘德华",
number:123
}
delete book.author; //此行代码也可写成delete book["author"]
document.write(book.author); //book.author的值为undefined,因为已经被删除了
四、检测属性
in:检测某对象是否含有某个属性
var o = {
x:1
}
document.write("x" in o); //返回true x是o的一个属性
document.write("y" in o); //返回false y不是o的属性
hasOwnProperty() 检测对象中是否含有某属性
var o = {
x : 1
}
document.write(o.hasOwnProperty("x")); //返回true o中含有名为"x"的属性
document.write(o.hasOwnProperty("y")); //返回false o中不含有名为"y"的属性
propertyIsEnumerable() 检测到是自有属性且这个属性的可枚举性,两者都返回true它才返回true。继承属性返回false。

var o = { x: 1,y:2,z:3 };
for (p in o) {
if (!o.hasOwnProperty(p)) { //跳过继承的属性
continue;
}
if (typeof o[p] === "function") { //跳过方法
continue;
}
document.write( p.toString() + "<br/>");
}

get() set()属性访问器 没有相应的get(),set()则为只读,或只写属性。

var o = {
x: 1,
get getx(){ return this.x; },
set setx(n){this.x = n;}
};
document.write(o.getx); //读取属性值,返回1
o.setx = 2; //如果将set setx(n)这行注释,则这行代码可以相当于不存在,设置无效。x依然为1,但不会报错。
document.write(o.getx); //再次读取返回2

五、属性的特性
writeable:是否可写。
enumerable:是否可枚举。
configurable:是否可配置。
六、对象的序列化
这个东西非常有用,能够将对象序列化成字符串之后传输,也能够将对象以字符串的格式存在cookie里,拿出来后再反序列化成对象。
JSON.stringify() 序列化对象(对象转成字符串便于传输)
JSON.parse() 反序列化对象(字符串转换成原对象,是源对象深拷贝)
var man = { name: "张三", Age: 24 };
var str = JSON.stringify(man); //将对象man序列化成JSON字符串
document.write(str);
var newman = JSON.parse(str); //将字符串反序列成对象
document.write("<br/>" + newman.name + "," + newman.Age); //输出反序列化后的对象的属性
javascript之对象的更多相关文章
- javascript 全局对象--w3school
JavaScript全局对象 1. decodeURI()解析某个编码的URI. 2.decodeURInComponent()解析一个编码的URI组件. 3.encodeURI()把字符串编码为U ...
- JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString
JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString 如下示例: 直接写的a1就是一个Json对象,a2 就是一个Json对象字符串; 通 ...
- 从零构建JavaScript的对象系统
一.正统的类与继承 类是对象的定义,而对象是类的实例(Instance).类不可直接使用,要想使用就必须在内存上生成该类的副本,这个副本就是对象. 以Java为例: public class Grou ...
- 关于javascript自定义对象(来自网络)(最近几天不会的)
javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...
- 据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展
在据说每个大牛.小牛都应该有自己的库——框架篇中我扬言要做个小牛,没想到一天没更新,小伙儿伴们就戏谑的问我,油哥是不是要太监了?其实事情是这个样子的,这不是太监的节奏,一是,关于写个自己的库的想法由来 ...
- JavaScript RegExp 对象
JavaScript RegExp 对象 RegExp 对象用于规定在文本中检索的内容. 什么是 RegExp? RegExp 是正则表达式的缩写. 当您检索某个文本时,可以使用一种模式来描述要检索的 ...
- JavaScript String 对象
JavaScript String 对象 String 对象 String 对象用于处理文本(字符串). String 对象创建方法: new String(). 语法 var txt = new S ...
- JavaScript Math 对象
JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(). 语法 var ...
- JavaScript Number 对象
JavaScript Number 对象 Number 对象 Number 对象是原始数值的包装对象. Number 创建方式 new Number(). 语法 var num = new Numbe ...
- JavaScript Array 对象
JavaScript Array 对象 Array 对象 Array 对象用于在变量中存储多个值: var cars = ["Saab", "Volvo", & ...
随机推荐
- Divide Two Integers 解答
Question Divide two integers without using multiplication, division and mod operator. If it is overf ...
- ubuntu 16.04 Ubuntu 安装GDebi,从而安装deb文件
其实在ubuntu直接双击deb文件就能安装,可是我现在装了ubuntu 16.04后,发现谷歌浏览器的deb和搜狗输入法的deb都不能直接双击安装,有点小问题. 但是安装GDebi软件后,直接在终端 ...
- [转]Laravel 4之控制器
Laravel 4之控制器 http://dingjiannan.com/2013/laravel-controller/ 控制器 通常Laravel控制器文件放在app/controllers/目录 ...
- UIImage图片处理
#pragma mark - #pragma mark - 缩放处理 + (UIImage *)scaleImage:(UIImage *)image withScale:(float)scale { ...
- vue 单页面应用实战
1. 为什么要 SPA? SPA: 就是俗称的单页应用(Single Page Web Application). 在移动端,特别是 hybrid 方式的H5应用中,性能问题一直是痛点. 使用 SPA ...
- jstl数字保留两位小数
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%><fmt:fo ...
- JS获取地址参数
今天碰到获取地址参数的问题,所以总结了一下. 第一种情况:获取地址栏参数 function getUrlParam(name){ var reg = new RegExp("(^|& ...
- ie6+7+8等对background-color:rgba(),background-img渐变的兼容
一,ie8兼容rgba()的解决办法 今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255, ...
- js实现求平均数功能
今天在项目中遇到了一个求平均值的需求,大致需求就是,页面上面有四个input框,失去焦点就计算平均值,结果保留两位小数,并输出在页面上.不多说了,直接奉上代码,如有更好思路或者想法,都欢迎大家和我讨论 ...
- 安装完Oracle数据库,给scott账户解锁方法
装完了Oracle 10g数据库,忘了给scott账户解锁.这时可以在sql plus工具里(开始|所有程序|<Oracle-Home>|应用程序开发|SQL Plus),也可以在控制台通 ...