javascript如何自定义对象

   

自定义方法 1. 直接通过“属性名/值”来创建，语法“var 对象名={属性名:属性值};”； 2. 使用“var 对象名=new 构造函数名(args);”语句； 3. 使用“object.create(原型对象,descriptors)”语句。

本教程操作环境windows7系统、javascript1.8.5版、dell g3电脑。

在js中，除了array、date、number等内置对象外，开发者可以借助js代码创建自己的对象。

对象特性

① 结构类似'字典' 对象的属性类似键/值对；属性的名叫做字符串，属性的值为任意类型。

② 原型继承js的对象可继承原型的属性。

③ 动态结构可动态新增、删除对象的属性。

④ 引用类型js中的对象为引用类型。a为一个对象，b=a，修改b也会造成a的修改。

创建对象方法

js中创建自定义对象，主要通过三种方法对象直接量、new 构造函数以及object.create()方法。每一种创建方法继承的原型对象都不同

① 对象直接量原型为object.prototype。

② new 构造函数原型为构造函数的prototype属性。

③ object.create()原型为传入的第一个参数，若第一个参数为null，以object.prototype为原型。

1. 对象直接量

说明直接通过 属性名/值来创建。

语法var o = { name:'tom', age:22 };

原型object.prototype

适用场景应用在某一特定的作用域里。

示例

var o = { name: 'tom'}console.log(o.constructor.prototype); // => object() 对象直接量的原型为objectconsole.log(o.constructor.prototype === object.prototype); // true

2. new 构造函数

说明构造函数也是种函数，但为了区分平常所用的函数，构造函数的函数名使用大骆驼峰写法(首字母大写)。

语法var o = new classname();

原型构造函数的prototype属性。

示例

// 1.创建构造函数function people(name) { this.name;}var p = new people('tom');console.log(p.constructor.prototype); // => people{} 原型为构造函数的prototypeconsole.log(p.constructor.prototype === people.prototype); // => true// 2.自定义对象的多层继承 constructor返回最先调用的构造函数 function student(age) { this.age = age;}student.prototype = new people(); // 设置student的原型为people对象var s = new student(22); // 对象初始化时，先调用people()，再调用student()console.log(s.constructor); // => function people 对象s返回的构造函数为peopleconsole.log(s.constructor.prototype); // => people{} 原型对象为peopleconsole.log(s.constructor.prototype === people.prototype); // => true

3. object.create(prototype, propertydescriptor) ecmascript 5规范

说明创建并返回一个指定原型和指定属性的对象。

语法object.create(prototype, propertydescriptor)

参数

①prototype {prototype} 创建对象的原型，可以为null。若为null，对象的原型为undefined。

②propertydescriptor {propertydescriptor} 可选属性描述符。

原型默然原型型为①参；若①参为null，对象的原型为undefined。

示例

// 1.建立一个原型为null的对象var o = object.create(null, { name: { value: 'tom' }});console.log(o.constructor); // => undefined // 2.创建一个原型为array的对象var array = object.create(array.prototype, {});console.log(array.constructor); // => function array 构造函数 console.log(array.constructor.prototype); // => [] 原型对象为数组// 3.创建一个原型为自定义类的对象function people() { }var p = object.create(people.prototype, {});console.log(p.constructor); // => function people 构造函数 console.log(p.constructor.prototype); // => people{} 原型对象people

【相关推荐javascript学习教程】