Javascript Objects详解


Posted in Javascript onSeptember 04, 2014

创建对象

 •对象直接量

var o = {
 foo : "bar"
 }

•构造函数

var o = new Object();

•原型继承

var p = Object.create(o);

类继承

Javascript对象拥有自有属性和继承属性。

 •在查询对象o的属性x时,先查找o中的属性x,如果没找到,则查找o的原型对象中的x属性,直到查找到x或者一个原型是null的对象为止

 •在给对象o的x属性赋值时,如果o中已经有一个自有属性x,则改变x的值,若o中不存在属性x,则为o创建一个x属性并赋值

 •也就是说,只有在查询时原型链才会起作用。

var O = {
 x : 1
 };
function P() {
 this.y = 2;
 }
P.prototype = O;
var t = new P();
 console.log(t);
 console.log('x' in t);//true
 console.log(t.hasOwnProperty('x'));//false

可以使用in 或者 hasOwnProperty 来判断对象中是否存在属性。

对象属性

 •遍历对象属性
 
可以使用 for..in 来遍历对象的属性

使用for..in时会遍历到原型链上的属性。遍历顺序是以广度优先遍历

所以使用hasOwnProperty便可以判断是否是对象自有的属性。

 •对象属性的特性
 
使用Object.getOwnPropertyDescriptor()获取对象特定属性的描述符

可写性(writable) 表示对象属性是否可写

例如

var o = {
  foo : 'bar'
}
Object.defineProperty(o, "foo", { writable : false });
o.foo = 'world';
console.log(o.foo);//仍然输出bar

 可枚举性(enumerable) 表示对象属性是否可枚举

例如
 Array中的length等属性的 enumerable是false,所以,

for (p in Array) {
  console.log(p);
}

 什么也不输出

可配置性(configurable) 表示可否修改属性的可配置性和可枚举性

可以用Object.defineProperties来定义这些配置属性。
Object.defineProperty(o, "foo", { writable : false });

 Get 表示获取对象属性的方法
Set 表示设置对象属性的方法

示例

var book = {
  _year: 2004,
  edition: 1
};
Object.defineProperty(book, "year", {
  get: function () {
    console.log('get year');
    return this._year;
  },
  set: function (newValue) {
    console.log('set year');
    if (newValue > 2004) {
      this._year = newValue;
      this.edition += newValue - 2004;
    }
  }
});
book.year = 2005;//控制台输出‘set year'
console.log(book.year);//控制台输出‘get year'和year的值

 对象方法

toString 将对象转换成字符串,默认的转换会是[object Object]之类的东西,所以需要转成json格式的话可以用JSON.stringify

valueOf 需要将对象转换成其他类型的时候要用到。同样的,默认转换没什么值得说的。
 
可执行对象

通过如下方法可以创建一个可执行对象

function bar(o) {
  var f = function() { return "Hello World!"; }
  o.__proto__ = f.__proto__;
  f.__proto__ = o;
  return f;
}
var o = { x: 5 };
var foo = bar(o);
console.log(foo());
console.log(foo.x);
console.log(typeof foo);//function

 既可以当作对象来使用(有原型链),也可以当作函数来直接调用

Javascript 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 Javascript
利用jquery的获取JS文件中的字符串内容
Feb 14 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
基于jquery实现省市区三级联动效果
Dec 25 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
加随机数引入脚本不让浏览器读取缓存
Sep 04 #Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 #Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 #Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 #Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 #Javascript
告诉你什么是javascript的回调函数
Sep 04 #Javascript
jquery学习总结(超级详细)
Sep 04 #Javascript
You might like
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
PHP读取MySQL数据代码
2008/06/05 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
php生成验证码,缩略图及水印图的类分享
2016/04/07 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
2013/03/15 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
NodeJS仿WebApi路由示例
2017/02/28 NodeJs
js实现下一页页码效果
2017/03/07 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
读懂CommonJS的模块加载
2019/04/19 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
2019/05/17 jQuery
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
Python对多属性的重复数据去重实例
2018/04/18 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
品质主管岗位职责
2014/03/16 职场文书
文秘求职信范文
2014/04/10 职场文书
入股协议书
2014/04/14 职场文书
美丽家庭事迹材料
2014/05/03 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
如何写新闻稿
2015/07/18 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
mysql知识点整理
2021/04/05 MySQL