js的面向对象

2018-10-25  本文已影响0人  sunflower_07

面向对象:
面向对象特点:
抽象:抓住核心问题
封装:只能通过对象来访问方法
继承:从已有对象上继承出新的对象
多态:多对象的不同形态
对象的组成:

属性:对象下面的变量叫做对象的属性
方法:对象下面的函数叫做对象的方法

工厂模式:
代码: 用new 和没有用new的代码

   function people(name) {
       
       this.name = name;
       this.test = function() {
           console.log(this.name);
       }
       
   }
   var p1 = new people('lili');
   var p2 = new people('lihua');
   console.log(p1);
   console.log(p1.test());
   console.log(p2);
   console.log(p2.test());
  
  
function people(name) {
    var obj = {}
    obj.name = name;
    obj.test = function() {
        console.log(this.name);
    }
    return obj;
    
}
var p1 =  people('lili');
var p2 =  people('lihua');
console.log(p1);
console.log(p1.test());
console.log(p2);
console.log(p2.test());

注:用new,不用return,没有new,需要return ;

结果

构造模式:
代码:

    function people(name,age){
        this.name = name;
        this.age = age;
        this.doing = function(){
            console.log(this.name+'在吃饭');
        }
    }
    var p1 = new people('lili',21);
    console.log(p1);
    console.log(p1.doing());
构造模式和工厂模式的区别:
1.没有显示的创建对象、
2.不需要return、
3.直接把属性和方法赋值给this对象         

原型模式:
代码:

   function people(name,age){
       this.name = name;
       this.age = age;
       
   }
   
   people.prototype.doing = function(){
           console.log(this.name+'年龄'+this.age+'他在吃饭');
       }
   var p1 = new people('lili',21);
   var p2 = new people('lihua',20);
   console.log(p1.doing()===p2.doing());
好处:在公用的属性或方法在内存中只存在一份(提高性能)
解决了,构造函数中“每定义一个函数都实例化了一个对象”的问题

原型优先级:如果在实例中添加了一个属性,而该属性与实例原型中的一个属性同名,该属性将会屏蔽原型中的那个属性

结果:p1.doing()===p2.doing()打印的结果是true;

如果有什么问题,欢迎指出,谢谢。

上一篇 下一篇

猜你喜欢

热点阅读