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 相关文章推荐
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
js实现图片无缝滚动
Dec 23 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
vue抽出组件并传值实例
Jul 31 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
构建简单的Webmail系统
2006/10/09 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
JQuery的Pager分页器实现代码
2016/05/03 Javascript
JQuery和HTML5 Canvas实现弹幕效果
2017/01/04 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
Python的ORM框架SQLObject入门实例
2014/04/28 Python
基于python编写的微博应用
2014/10/17 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
详解纯CSS3制作的20种loading动效
2017/07/05 HTML / CSS
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
注塑工厂厂长岗位职责
2013/12/02 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
法律进机关实施方案
2014/03/12 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
委托书范本
2014/09/13 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript