面向对象的三个特征

javaScript属于动态类型语言，所谓动态类型语言，就是只变量在运行使用到的时候，才会具有某种类型的语言。

面向对象的三个基本特征：封装、继承、多态。下面我们来了解一下这三个特征。

封装：封装的目的是隐藏信息，即不暴露函数中的属性和方法，让外界不能操作，但可以暴露接口给外界，外界只能通过暴露的接口来进行相关操作。下面这个栗子中，我们将会将变量封装到函数中，并对外暴露一个方法，以便于访问，不过这个栗子，我会用多种方式来实现，同样达到封装的目的，但是特性是不通的哦~

//原始方法 var myObj = (function() { var a = "a"; return { getA: function() { return a; } } })(); console.log(myObj.getA()); //a console.log(myObj.a); //undefined function A() { var b = 'b'; this.getB = function() { return b; } }; var B = new A(); console.log(B.getB()); //b console.log(B.b); //undefined //对于有同样功能的函数，如果使用原始方法，需要多次创建，不利于代码的复用。

//工厂加工方法 function creatObj(name) { var name1 = "name1"; var obj = new Object(); obj.getName1 = function() { return name1; }; obj.name2 = name; obj.getName2 = function() { return this.name2; }; return obj; }; var C = creatObj("jiangtengteng"); console.log(C.getName1()); //name1 console.log(C.name1); //undefined console.log(C.getName2()); //jiangtengteng console.log(C.name2); //jiangtengteng //工厂加工方法，可以复用功能了，但是这其实是对函数的引用，思想上和面向对象类的思想不符。

//构造函数方法 function creatObj(name) { var name1 = "name1"; this.getName1 = function() { return name1; }; this.name2 = name; this.getName2 = function() { return this.name2; }; }; var C = new creatObj("jiangtengteng"); console.log(C.getName1()); //name1 console.log(C.name1); //undefined console.log(C.getName2()); //jiangtengteng console.log(C.name2); //ujiangtengteng //此方法特性同工厂加工方法一致

//原型方法 function creatObj(){}; creatObj.prototype.name = "Jhon"; creatObj.prototype.array = ["11","22"]; creatObj.prototype.getName = function(){ return this.name; }; creatObj.prototype.conArray = function(){ return this.array; }; var D = new creatObj(); var E = new creatObj(); console.log(D.getName()); console.log(D.conArray()); D.array.push('33'); console.log(D.conArray()); console.log(E.conArray()); //此方法实例化的函数由于引用的是同一个对象，任何一个函数对对象做了修改，那其他实例化的函数也同样会收到影响

//构造函数+原型方法 function creatObj(name, age){ this.name = name; this.age = age; }; creatObj.prototype.getName = function(){ return this.name; }; creatObj.prototype.getAge = function(){ return this.age; }; var F = new creatObj("me","11"); console.log(F.getName()); console.log(F.getAge()); //属性私有后，改变各自的属性不会影响别的对象。同时，方法也是由各个对象共享的。在语义上，这符合了面向对象编程的要求。

从上面的例子里，我们可以看出，封装完成后，封装的内容可以是公开的，也可以是私有的，使用原型创建的方法是共享的，而函数里声明的变量则是私有的，如果我们希望某个属性或者方法可以共用，则最好使用原型方法添加函数。

继承：主要是指属性的继承和方法的继承。我们可以将需要复用的方法和属性，定义在父类中，而子类在需要使用到相关的方法和属性时，直接从父类继承即可。

//通过对象冒充来实现继承 //顾客信息 function Customer(name, phone) { this.name = name; this.phone = phone; this.show = function() { alert(this.name + ":" + this.phone); } }; //普通顾客折扣 function NormalCustomer(name, phone, price) { this.norCos = Customer; this.norCos(name, phone); this.price = price; this.discount = function() { alert("普通顾客：" + this.name + ",你打完9折的价格为：" + this.price * 0.9); } }; var jhon = new NormalCustomer("Jhon", "", "100"); jhon.discount(); //vip顾客折扣 function VipCustomer(name, phone) { this.vipCos = Customer; this.vipCos(name, phone); this.discount = function(price) { alert("VIP顾客：" + this.name + ",你打完6折的价格为：" + price * 0.6); } }; var lucy = new VipCustomer("Lucy", ""); lucy.discount("100");

上面的示例是通过冒充对象来实现继承的，下面我们使用call或者apply来实现继承：

//通过call或者apply实现继承 //顾客信息 function Customer(name, phone) { this.name = name; this.phone = phone; this.show = function() { alert(this.name + ":" + this.phone); } }; //普通顾客折扣 call function NormalCustomer(name, phone) { Customer.call(this, name, phone); //如果用apply实现，则可以 //Customer.apply(this,[name, phone]); //说明传入的参数是 数组方式 this.discount = function(price) { alert("普通顾客：" + this.name + ",你打完8折的价格为：" + price * 0.8); }; }; var jhon = new NormalCustomer("Jhon", ""); jhon.discount("100"); //vip顾客折扣 apply function VipCustomer(name, phone) { //如果用call实现，则可以 // Customer.call(this, name, phone); Customer.apply(this,[name, phone]); //说明传入的参数是 数组方式 this.discount = function(price) { alert("普通顾客：" + this.name + ",你打完5折的价格为：" + price * 0.5); }; }; var lucy = new VipCustomer("Lucy", ""); lucy.discount("100");

多态：即同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。比如说，朋友家养了一条狗和一只猫，当我朋友喂小动物们时，狗要吃骨头，而猫要吃鱼~。多态的宗旨是把不变的部分隔离开，把可变的部分封装起来，就是著名的开发-封闭原则啦~，来段代码理解下~

//声明主人 主人有名字以及行为 function Master(name) { this.name = name; }; //给主人添加喂养动物的行为 Master.prototype.feed = function(animal, food) { alert(animal.name + "要吃" + food.name); }; //食物 function Food(name) { this.name = name; }; //动物 function Animal(name) { this.name = name; }; var cat = new Animal("猫"); var fish = new Food("鱼"); var dog = new Animal("狗"); var bone = new Animal("骨头"); var master = new Master("Kate"); master.feed(cat, fish); master.feed(dog, bone);

面向对象编程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。