1 var book = new Object();
2    book.name = "声名狼藉者的生活";
3    book.price = 42.00;
4    book.author = "福柯";
5    book.press = "北京大学出版社";
6    book.read = function () {
7        console.log("我的书名为:声名狼藉者的的生活,作者为福柯....");
8    };

 1 //提供工厂函数
 2 function createBookNew (name,price,author,press) {
 3     var book = new Object();
 4     book.name = name;
 5     book.price = price;
 6     book.author = author;
 7     book.press = press;
 8     book.read = function () {
 9         console.log("我的书名为:"+book.name+",作者为"+book.author+"....");
10     };
11     return book;
12 }
13 //使用工厂函数来创建对象
14 var book1 = createBookNew("声名狼藉者的的生活","42.00","福柯","北京大学出版社");
15 var book2 = createBookNew("人性的枷锁","49.00","毛姆","华东师范大学出版社");
16 var book3 = createBookNew("悟空传","28.00","今何在","湖南文艺出版社");
17 //打印对象的属性,调用对象的方法
18 console.log(book1.name);
19 console.log(book2.name);
20 console.log(book3.name);
21 book1.read();
22 book2.read();
23 book3.read();

 1  //提供构造函数
 2 function CreateBook (name,price,author,press) {
 3    //使用new调用该构造函数时,默认在内部会先创建Object类型的实例对象
 4    //并把该对象关联到当前构造函数的原型对象上，并把函数内的this绑定到该对象
 5    //通过this来给实例对象设置属性和方法
 6     this.name = name;
 7     this.price = price;
 8     this.author = author;
 9     this.press = press;
10     this.read = function () {
11         console.log("我的书名为:"+this.name+",作者为"+this.author+"....");
12     };
13   //默认总是把新创建的实例对象返回
14 }
15 //使用new + 函数名() 的方式来调用
16 var bookObj = new CreateBook("声名狼藉者的的生活","42.00","福柯","北京大学出版社");

工厂函数和构造函数创建对象过程简单对象

构造函数调用方式的返回值

提示 在开发中我们通过把自定义构造函数和原型对象结合在一起使用，这样可以充分的利用JavaScript原型链继承的特性并解决方法的共享问题。下面给出基本的代码示例：

 1 //（1）提供Person构造函数
 2 function Person(name) {}
 3 //（2）替换Person默认的原型对象
 4 Person.prototype ={
 5     //修正构造器属性 Object --> Person
 6     constructor:Person,
 7     //提供实例对象的初始化方法
 8     init:function(name,age){
 9         this.name = name || "默认的姓名";
10         this.age = age || 18;
11     },
12     //所有实例对象都需要访问的原型方法
13     showName:function () {
14         console.log(this.name);
15     }
16 };
17 //（3）使用new来调用构造函数以创建实例对
18 var p = new Person();
19 //（4）调用init方法对实例对象进行初始化操作
20 p.init("文顶顶",20);

使用Object.create方法创建对象

ES5提供了Object.create法来创建一个新对象，该方法在使用的时候会把传入的指定对象连接为新对象的原型对象。

语法
Object.create(proto, [propertiesObject])

参数说明
第一个参数proto：新创建对象的原型对象。
第二个参数propertiesObject：可选的参数，如果没有指定为 undefined，则表示要添加到新创建对象的可枚举属性信息，存放对象的属性描述符以及相应的属性名称。

如果传入的参数为null，则创建出来的空对象不会继承Object原型成员，没有基础方法。
如果传入的参数为Object.prototype，那么创建出来的对象等同于{}空对象。

代码示例

 1 //01 字面量方式创建对象obj
 2 var obj = {name:"wendingding",age:18};
 3 //02 使用Object.create方法来创建新对象
 4 var o = Object.create(obj);
 5 //o是一个空对象，o.__proto__指向obj对象
 6 console.log(o);
 7 //wendingding 访问原型对象obj上面的name属性
 8 console.log(o.name);
 9 //03 测试传入null的情况
10 var o1 = Object.create(null);
11 //打印结果为空对象，No properties 该对象身上没有任何成员
12 console.log(o1);
13 //04 测试传入Object.prototype的情况
14 var o2 = Object.create(Object.prototype);
15 //o2 是空对象，等价于{}
16 console.log(o2);

1.3 javaScript中对象的操作

我们知道对象可以简单理解为键值对的集合，通过前面的阅读我们已经了解到如何创建对象，接下来我们接着探讨对象内部键值对的相关操作。

对象属性和方法的访问方式：点语法或者是[]语法。
对象属性和方法的操作方式：对象的操作方式和数据的操作方式保持一致，可以简单总结为增删改查和遍历操作。

代码示例

 1  //00 提供obj对象
 2 //通过字面量方式创建obj对象，该对象现在拥有name属性和showName方法
 3 //因使用字面量方式创建，所有obj的原型对象(__proto__)指向object.prototype
 4 var obj = {
 5     name:"wendingding",
 6     showName:function () {
 7         console.log(this.name);
 8     }
 9 };
10 //01 添加属性或方法
11 //a 使用点语法来为obj对象添加age属性和showAge方法
12 obj.age = 18;
13 obj.showAge = function (){
14     console.log(this.age);
15 };
16 //b 使用中括号语法来为obj对象添加age属性和showAge方法
17 obj["class-name"] = 41;
18 obj["showClassName"] = function () {
19     console.log(this["class-name"]);
20 };
21 //02 修改属性或方法
22 //如果对象的属性已经存在，那么设置该属性的时候表示修改
23 obj.age = 20;
24 obj.showAge = function (){
25     console.log("年龄" + this.age);
26 };
27 //03 查询属性或者调用方法
28 console.log(obj.name);      //wendingding
29 console.log(obj["age"]);    //20
30 obj.showName();             //wendingding
31 obj["showName"]();          //注意，不推荐使用这种方法
32 //04 删除对象中的属性或方法
33 //语法形式：delete 对象.属性 | delete 对象[属性]
34 delete obj.name;
35 delete obj["showName"];
36 console.log(obj);
37 //05 对象的遍历
38 for (key in obj)
39 {
40      console.log(key, obj["key"]);
41 }

delete关键字说明

对象属性说明

对象的属性名可以是任意字符串，包括空字符。
对象的属性名如果是合法的JavaScript标识符，则不必强制要求使用双引号括住属性名。
属性值可以是任何值（包括undefined）。
如果对象的属性名并非合法标识符，则建议使用[]语法来访问对象。
标识符规范：字母开头，后面跟1个或多个下划线、数字或字母。

• Posted by 博客园·文顶顶 ~ 文顶顶的个人博客_花田半亩
• 联系作者 简书·文顶顶 新浪微博·文顶顶
• 原创文章，版权声明：自由转载-非商用-非衍生-保持署名 | 文顶顶