美文网首页
js的面向对象

js的面向对象

作者: sunflower_07 | 来源:发表于2018-10-25 13:38 被阅读0次

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

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

工厂模式:
代码: 用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面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • js 面向对象和面向过程

    js 面向对象和面向过程

  • JavaScript笔记(一)

    一、面向对象面向过程的区别 1、什么是js对象 js对象:属性和方法的集合,js所有数据都可以看成对象...

  • JS面向对象

    JS面向对象入门 1、面向对象语言概念面向对象语言主要包括 类、对象、封装、多肽。2、面向对象的编程思想面向过程思...

  • 面向对象OOP--JS

    作者:烨竹 JS面向对象简介 JS名言:万物皆对象 JS面向对象比PHP简单很多;因为JS中没有class关键字,...

  • 2018-01-18

    js中的面向对象核心 js是基于对象的编程语言,在后面的学习中我们通过一种模式使其转化成为面向对象的语言。js面向...

  • 浅谈JS中的面向对象

    浅谈JS中的面向对象 本文主要说说本人在JS中对面向对象的理解。 计算机编程语言主要分为面向过程式编程和面向对象式...

网友评论

      本文标题:js的面向对象

      本文链接:https://www.haomeiwen.com/subject/lskqtqtx.html