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;

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,128评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,316评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,737评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,283评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,384评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,458评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,467评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,251评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,688评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,980评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,155评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,818评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,492评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,142评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,382评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,020评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,044评论 2 352

推荐阅读更多精彩内容

  • 大家好,我是IT修真院北京分院25期的学员,一枚正直纯洁善良的web前端程序员 今天给大家分享一下,修真院官网js...
    be684ac78b0c阅读 261评论 0 0
  • 1.理解对象属性 2.理解并创建对象 3.理解继承 对象的定义为:“无序属性的集合,其属性包括基本值,对象和函...
    山大王_af2b阅读 202评论 0 0
  • 春秋交换,夏而未央, 楠木常青为谁神伤? 云卷云舒,残月却藏, 楠叶飘零因何怅惘? 沧海桑田,时过境迁, 吾...
    竹叶心阅读 246评论 1 4
  • 上周开始,我参加了永澄老师的年度目标制定(理论精深版),大大地刷新了我的三观。 我以为的活动应该是这样进行的......
    木ding西阅读 1,073评论 3 1
  • 古人云:“知恩图报,善莫大焉。” 心中有恩,知恩图报,是“饮水思源”的博大情怀。 生命是相互依存的。我们生活在这个...
    相信自己8899阅读 923评论 0 3