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 相关文章推荐
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
js触发select onchange事件的小技巧
Aug 05 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
浅谈Webpack下多环境配置的思路
Jun 27 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
详解微信小程序动画Animation执行过程
Sep 23 Javascript
写一个Vue loading 插件
Nov 09 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
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
用jscript启动sqlserver
2007/06/21 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
禁用JavaScript控制台调试的方法
2014/03/07 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
2020/11/18 jQuery
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
Python的Django框架中settings文件的部署建议
2015/05/30 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
python Canny边缘检测算法的实现
2020/04/24 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
社区党务公开实施方案
2014/03/18 职场文书
差生评语大全
2014/05/04 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
孔繁森观后感
2015/06/10 职场文书
中学生运动会广播稿
2015/08/19 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL