JavaScript 学习笔记（六）_javascript技巧-js-Tutorial-php.cn

JavaScript 学习笔记（六）_javascript技巧

WBOY

Freigeben： 2016-05-16 18:37:30

Original

829 Leute haben es durchsucht

一、工厂方式
自己的理解：要创建很多个对象的实例，这些实例有相同的属性，但是有不同的属性值。这个时候就需要创个工厂函数（factory function）。
工厂函数（factory function）：创建并返回特定类型的对象。
工厂函数中如果一个属性是方法的话，可以在工厂函数的外面定义对象的方法，然后通过属性指向该方法，从而可以避开每次都调用自己的属性方法，这样做使得每个对象都共享了同一个函数。
示例：

复制代码代码如下:

总结：工厂函数这种方式定义类或对象，他在创建实例的时候就调用这个工厂函数。
二、构造函数方式
第一步选择类名，即构造函数的名字，BO名首字母大写，看下面代码发现跟上面的工厂函数类似。
示例：

复制代码代码如下:

 
//------第二种：构造函数方式-------------------------------- 
function Car(color, money) { 
this.Color = color; 
this.Money = money; 
this.ShowMoney = function() { 
alert(this.Money); 
} 
} 
//按钮调用测试 
function NewCarFn() { 
var Car1 = new Car("红色", "23万RMB"); 
Car1.ShowMoney(); 
} 
//---------------------------------------------------------- 

比较上一种工厂函数方式的区别：
① 构造函数内部没有创建对象，而是使用this关键字。
② 使用new运算符调用构造函数。
三、原型方式
利用对象的prototype属性，可以把他看成创建新对象所依赖的原型，用空构造函数来设置类名，然后所有的属性和方法都被直接赋予prototype属性。
原型方式的问题：
首先，这个构造函数没有参数，使用原型方式时，不能通过给构造函数传递参数初始化属性的值。必须在对象创建后才能改变属性的默认值。
其次，当属性指向的是对象，而不是函数时，对象却被多个实例共享的，其中一个改变将引起其他对象的改变。
示例：

复制代码代码如下:

 
//先定义一个空的构造函数 
function Car() { 
} 
//属性和方法直接赋予prototype属性 
Car.prototype.Color = "红色，"; 
Car.prototype.Money = "20万"; 
Car.prototype.Drivers = new Array("小三", "小四"); 
var Car1 = new Car(); 
Car1.Drivers.push("小五"); //实例1中给对象Drivers新增了值(实际上就是在原型里面加了多了个“小五”,所以当new第二个对象的时候读属性Drivers也出现了小五) 
alert(Car1.Drivers); 
var Car2 = new Car(); 
alert(Car2.Drivers); //实例2中，对象中的值改变了！输出“小三，小四，小五” 

四、混合的构造函数/原型方式
联合使用构造函数和原型方式，就可以像其他语言一样的创建对象。
构造函数定义对象的所有非函数属性，原型方式定义对象的函数属性（方法）。
示例：

复制代码代码如下:

 
function BOStudent(name,age) { 
this.姓名 = name; 
this.年龄 = age; 
this.课程 = new Array("语文","数学"); 
} 
BOStudent.prototype.ShowName = function() { 
alert(this.姓名); 
}; 
//点击按钮调试 
function Admixture() { 
var stu1 = new BOStudent("张三", 20); //new第一个BO 
var stu2 = new BOStudent("李四", 22); //new第二个BO 
stu1.课程.push("物理"); //给对象1 添加物理课程项 
alert(stu1.课程); 
alert(stu2.课程); 
} 

混合的构造函数/原型方式是ECMAScript采用的主要方式，他具有其他方式的特性，却没有他们的副作用。
五、动态原型方法
大多数的面向对象语言，定义类时，属性和方法都打包在一起。而上面的混合构造函数/原型方式属性和方法是分开的，有些人认为在构造函数内部找属性，在外面找方法的做法不合逻辑，因此也就产生了动态原型方法。
区别在于：赋予对象的方法的位置不同。动态原型方法是在构造函数的内部，而上面的第四种是在构造函数外部。
示例：

复制代码代码如下:

 
function BODynamicPrototype(name, age) { 
this.姓名 = name; 
this.年龄 = age; 
this.课程 = new Array("111", "222"); 
//_initialized标识判断是否已经初始化过，即是否已给原型赋予了任何方法，该方法只创建并赋值一次 
if (typeof BODynamicPrototype._initialized == "undefined") { 
BODynamicPrototype.prototype.ShowName = function() { 
alert(this.姓名); 
}; 
BODynamicPrototype._initialized = true; 
} 
} 

//点击按钮调试 
function DynamicPrototype() { 
var stu1 = new BODynamicPrototype("aaa", 20); //new第一个BO 
var stu2 = new BODynamicPrototype("bbb", 22); //new第二个BO 
stu1.课程.push("333"); //给对象1 添加物理课程项 
alert(stu1.课程); 
alert(stu2.课程); 
} 