js面向对象概念解析

ECMAScript有两种开发模式：

1.函数式(过程化)

2.面向对象(OOP)。

面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。

 

创建对象

创建一个对象，然后给这个对象新建属性和方法。

方法一：基本写法

var box = new Object();   //创建一个 Object对象

　　box.name = 'Lee';//创建一个 name属性并赋值

　　box.age = 100;//创建一个 age属性并赋值

　　box.run = function () {//创建一个 run()方法并返回值

　　　　return this.name + this.age + '运行中...';

　　};

缺点，不能公用，想创建一个类似的对象，就会产生大量的代码。

 

方法二：工厂模式的方法

function createObject(name, age) { //集中实例化的函数

　　var obj = new Object();

　　obj.name = name;

　　obj.age = age;

　　obj.run = function () {

　　　　return this.name + this.age + '运行中...';

　　};

　　return obj;

}

var box1 = createObject('Lee', 100);//第一个实例

var box2 =createObject('Jack',200);//第二个实例

alert(box1.run());   //Lee100运行中...

alert(box2.run());   //Jack200运行中...

工厂模式解决了重复实例化的问题，但还有一个问题，那就是识别问题，因为根本无法搞清楚他们到底是哪个对象的实例。

 

方法三：构造函数(构造方法)

function Box(name, age) {//构造函数模式

　　this.name = name;

　　this.age = age;

　　this.run = function () {

　　　　return this.name + this.age + '运行中...';

　　};

}

var box1 = new Box('Lee', 100);

var box2 = new Box('Jack',200);

alert(box1.run());
alert(box1 instanceof Box); //很清晰的识别他从属于 Box

使用构造函数的方法，即解决了重复实例化的问题，又解决了对象识别的问题

 

构造函数的方法和工厂模式的方法有何不同之处？

1.构造函数方法没有显式的创建对象(new Object())；
2.直接将属性和方法赋值给 this 对象；
3.没有 return 语句。
构造函数的方法有一些规范：
1.函数名和实例化构造名相同且大写，(PS：非强制，但这么写有助于区分构造函数和普通函数)；
2.通过构造函数创建对象，必须使用 new 运算符。

既然通过构造函数可以创建对象，那么这个对象是哪里来的，new Object()在什么地方执行了？

执行的过程如下：
1.当使用了构造函数，并且 new 构造函数()，那么就后台执行了 new Object()；
2.将构造函数的作用域给新对象，(即 new Object()创建出的对象)，而函数体内的 this 就代表 new Object()出来的对象。
3.执行构造函数内的代码；
4.返回新对象(后台直接返回)。

构造函数和普通函数的唯一区别，就是他们调用的方式不同。只不过，构造函数也是函数，必须用 new 运算符来调用，否则就是普通函数。

判断一个对象是否指向了该构造函数的原型对象，可以使用 isPrototypeOf()方法来测试。

alert(Box.prototype.isPrototypeOf(box));            //只要实例化对象，即都会指向

 

 

 

 

转载于:https://www.cnblogs.com/liuxu-xrl/p/8652996.html