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 相关文章推荐
jquery 注意事项与常用语法小结
Jun 07 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
js取整数、取余数的方法
May 11 Javascript
jquery实现动态画圆
Dec 04 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
加随机数引入脚本不让浏览器读取缓存
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
我的论坛源代码(三)
2006/10/09 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
html下载本地
2006/06/19 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
2015/06/04 Javascript
js判断移动端是否安装某款app的多种方法
2015/12/18 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
webpack4实现不同的导出类型
2019/04/09 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
Python星号*与**用法分析
2018/02/02 Python
django_orm查询性能优化方法
2018/08/20 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
应届毕业生的个人自我鉴定
2013/10/24 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
小学生优秀评语大全
2014/04/22 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript