javascript不使用new运算符也可以创建对象,方法:1、使用“var objectName={属性名1:值1,属性名2:值2,...};”语句;2、使用“Object.create(原型对象,descriptors)”语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript不使用new创建对象的方法
对象直接量
使用直接量可以快速创建对象,也是最高效、最简便的方法。具体用法如下:
var objectName = { 属性名1 : 属性值1, 属性名2 : 属性值2, ... 属性名n : 属性值n };
在对象直接量中,属性名与属性值之间通过冒号进行分隔,属性值可以是任意类型的数据,属性名可以是 JavaScript 标识符,或者是字符串型表达式。属性于属性之间通过逗号进行分隔,最后一个属性末尾不需要逗号。
示例1
下面代码使用对象直接量定义两个对象。
var o = { //对象直接量 a : 1, //定义属性 b : true //定义属性 } var o1 = { //对象直接量 a : 1, //定义属性 b : true //定义属性 }
示例2
属性值可以是任意类型的值。如果属性值是函数,则该属性也称为方法。
var o = { //对象直接量 a : function () { //定义方法 return 1; } }
示例3
如果属性值是对象,可以设计嵌套结构的对象。
var o = { //对象直接量 a : { //嵌套对象 b : 1 } }
示例4
var o = {} //定义一个空对象直接量
使用 Object.create
Object.create 是 ECMAScript 5 新增的一个静态方法,用来创建一个实例对象。该方法可以指定对象的原型和对象特性。具体用法如下:
Object.create(prototype, descriptors)
参数说明如下:
prototype:必须参数,指定原型对象,可以为 null。
descriptors:可选参数,包含一个或多个属性描述符的 JavaScript 对象。属性描述符包含数据特性和访问器特性,其中数据特性说明如下。
value:指定属性值。
访问器特性包含两个方法,简单说明如下:
示例1
下面示例使用 Object.create定义一个对象,继承 null,包含两个可枚举的属性 size 和 shape,属性值分别为 large 和 round。
var newObj = Object.create (null, { size : { //属性名 value : large, //属性值 enumerable : true //可以枚举 }, shape : { //属性名 value : round, //属性值 enumerable : true //可以枚举 } }); console.log(newObj.size); //large console.log(newObj.shape); //round console.log(Object.getPrototypeOf(newObj)); //null
示例2
下面示例使用 Object.create 定义一个与对象直接量具有相同原型的对象。
var obj = Object.create(Object.prototype, { //继承Obj.prototype原型对象 x : { value : undefined, //属性值 writable : true, //可写 configurable : true, //可以配置 enumerable : true //可以枚举 } }); console.log(obj.prototype = + Object.getPrototypeOf(obj)); //obj.prototype =[object, Object] Object.getPrototypeOf() 函数可获取原始对象的原型。如果要获取对象的属性描述符,可以使用 Object.getownPropertyDescriptor() 函数。
示例3
下面示例定义一个对象,使用访问器属性 b 来读写数据属性 a。
var obj = Object.create(Object.prototype, { a : { //数据属性a writable : true, value : a }, b : { //访问器属性b get : function () { return this.a; }, set : function (value) { this.a = value; }, } }); console.log(obj.a); //a console.log(obj.b); //a obj.b = 20; console.log(obj.b); //20
【相关推荐:javascript学习教程】
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。