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 相关文章推荐
JScript内置对象Array中元素的删除方法
Mar 08 Javascript
JQuery获取文本框中字符长度的代码
Sep 29 Javascript
JS图片预加载 JS实现图片预加载应用
Dec 03 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 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判断所处服务器操作系统的类型
2013/06/20 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
php面向对象重点知识分享
2019/09/27 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
js前端解决跨域问题的8种方案(最新最全)
2016/11/18 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
jQuery 全选 全不选 事件绑定的实现代码
2017/01/23 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
python读写二进制文件的方法
2015/05/09 Python
Python字符串格式化
2015/06/15 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
python得到一个excel的全部sheet标签值方法
2018/12/10 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
Python下载网易云歌单歌曲的示例代码
2020/08/12 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
大学生个人总结的自我评价
2013/10/05 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
建设工地安全标语
2014/06/07 职场文书
个人收入证明模板
2014/09/18 职场文书
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android