JavaScript中对象介绍


Posted in Javascript onDecember 31, 2014

JavaScript中,除了number、string、boolean、null和undefined,其它所有的值都是对象。对象可以通过字面量来直接声明,也可以通过new操作符来新建。与Java语言不同,JavaScript对象中的property是可以动态添加或者删除的;同时,对象中的property还可以是空字符串:

//properties in object can be added/deleted dynamically

var o = {x:1, y:2};

console.log(o);//Object {x=1, y=2}

delete o.y;

o.z = 3;

console.log(o);//Object {x=1, z=3}
//empty string is allowed as object property

var o2 = {"":88, "p":99};

console.log(o2);//Object { =88, p=99}
//for constructor function, "new" operation returns an object.

function Computer(x, y) {

  this.x = x;

  this.y = y;

}

var c = new Computer(126, 163);

console.log(c);//Computer {x=126, y=163}

var c2 = new Computer(126);//missing parameter value will be "undefined"

console.log(c2);//Computer {x=126, y=undefined}

c.z = 66;

console.log(c);//Computer {x=126, y=163, z=66}

delete c.y;

console.log(c);//Computer {x=126, z=66}

如果在使用new操作符来新建对象时,作用的function并不是一个类的constructor,而仅仅是一个普通的函数,那么JavaScript将在执行该函数后返回一个空对象:

//for pure function, "new" operation returns an empty object.

function compute(x){

  console.log("execute function compute");

  return x*2;

}

var a = new compute();

console.log(a);//compute {}

Object属性

JavaScript中的Object有以下3个属性:

1.prototype。引用,指向Object的原型对象。原型对象中的property可以被Object所继承。
2.class。字符串,表示Object的类名。
3.extensible。boolean值,表示Object中是否允许动态添加property。该属性仅在ECMAScript 5中有效。

Property属性

Object中的Property也有3个属性:

1.writable。该property是否可写。
2.enumerable。当使用for/in语句时,该property是否会被枚举。
3.configurable。该property的属性是否可以修改,property是否可以删除。

Javascript 相关文章推荐
学习从实践开始之jQuery插件开发 对话框插件开发
Apr 26 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
微信小程序实现发送验证码按钮效果
Dec 20 Javascript
javascript刷新父页面方法汇总详解
Oct 10 Javascript
如何在 Vue 中使用 JSX
Feb 14 Vue.js
JavaScript中用字面量创建对象介绍
Dec 31 #Javascript
javascript设计模式之中介者模式Mediator
Dec 30 #Javascript
javascript实现window.print()去除页眉页脚
Dec 30 #Javascript
Javascript访问器属性实例分析
Dec 30 #Javascript
Javascript中数组sort和reverse用法分析
Dec 30 #Javascript
jQuery中:visible选择器用法实例
Dec 30 #Javascript
JQuery设置时间段下拉选择实例
Dec 30 #Javascript
You might like
PHP个人网站架设连环讲(三)
2006/10/09 PHP
PHP中PDO的错误处理
2011/09/04 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
javascript的console.log()用法小结
2012/05/31 Javascript
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
javascript字符串函数汇总
2015/12/06 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
python框架flask入门之路由及简单实现方法
2020/06/07 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
国培教师自我鉴定
2014/02/12 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
JVM之方法返回地址详解
2022/02/28 Java/Android
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers