js的面向对象

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

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

工厂模式：
代码: 用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；

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

js的面向对象

推荐阅读更多精彩内容