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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
Jquery插件写法笔记整理
Sep 06 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
基于javascript实现的搜索时自动提示功能
Dec 26 Javascript
JavaScript中的定时器之Item23的合理使用
Oct 30 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
jquery实现有过渡效果的tab切换
Jul 17 jQuery
简单了解vue 插值表达式Mustache
Jul 22 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 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/18 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
JS实现为动态创建的元素添加事件操作示例
2018/03/17 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
2018/07/13 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
javascript实现计算器功能
2020/03/30 Javascript
vant实现购物车功能
2020/06/29 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
js实现简单的轮播图效果
2020/12/13 Javascript
python微信公众号之关注公众号自动回复
2018/10/25 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
基于python实现把图片转换成素描
2019/11/13 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
Python如何给函数库增加日志功能
2020/08/04 Python
Python实现粒子群算法的示例
2021/02/14 Python
十佳班主任事迹材料
2014/01/18 职场文书
模具毕业生推荐信
2014/02/15 职场文书
研讨会主持词
2014/04/02 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript