js高级知识点(第二天)

1、面向对象的三大特征:封装、继承、多态。

  封装:就是将方法封装在对象中,只给出接口就可以调用,利于维护,避免全局对象污染,

  继承:混入式继承(mix-in),for(var i in),将一个对象继承给例外一个对象。

原型继承:利用原型对象中的成员可以被和其相关的对象共享这一特性。

  多态:父类引用指向子类的对象(javascript中用不到)

2、创建对象的四种方式

  1)、使用字面量创建对象: var obj = {value:1,name:'hyl'},缺点:用一个创建一个,造成资源浪费

  2)、使用内置的构造函数创建对象:var obj = new Object();创建了一个空的对象,然后添加成员,obj.name = '1',

      缺点:创建的是一个空的对象,还要将对象添加属性,造成代码重复。

  3)、封装简单的工厂函数(不推荐使用)

      function createObj(name,age){

        let obj = {} 或者 obj = new Object();

        obj.name = name;

        obj.age = age;

        return obj;

      }

  4)、自定义构造函数

  function 构造函数名{

this.name = name;

....

  }

  0.构造函数名首字母需要大写

  1.构造函数一般和new关键字一起使用

  2.构造函数的返回值默认为新创建的对象,如果手动返回基本数据类型,则不影响返回值,如果返回的是对象(除了null),则新建出来的对象不会返回

取而代之的是return 后面的对象。

  构造函数(constructor)的执行步骤:

  1.使用new关键字来创建一个对象。

  2.调用构造函数,将new创建出来的对象赋值给构造函数内的this.

  3.使用this给新创建出来的对象赋值

  4.默认返回新创建出来的对象


3、原型

  构造函数存在的问题:

  构造函数中的方法,每创建一个对象的时候,该对象都会重新的创建一次这个方法,每个独享独占一个方法,

  但是该方法的内容完全相同,所以造成资源浪费。


  1.解决方法1

将构造函数的方法,进行提取,放在构造函数的外面,在构造函数内部进行引用赋值。

那么创建出来的对象,都会指向构造函数外面的这个函数,达到共享的效果。

问题:全局变量越来越多,造成全局变量污染,代码结构混乱,不容易维护。

  2.解决办法2

    使用原型

4、原型是什么?

在构造函数创建出来的时候,系统默认会创建一个关联的对象,这个对象就是原型,原型对象默认为空对象

默认的原型对象中会有一个属性 constructor指向该构造函数。

5、原型的作用

原型对象中的成员,可以被使用和它关联的构造函数创建出来的所有对象共享

6、原型对象的使用:

1.使用动态属性特性,为原型添加成员变量。

2.直接替换原型对象。

注意事项:直接替换原型对象,会导致替换之前创建的对象的原型和替换之后创建的对象的原型不一致。

7、原型的使用注意事项

1.使用对象访问属性的时候,会去现在的对象中查找,如果找到了就直接使用,如果未找到,就去原型中找

2.使用对象设置属性的时候,只会在对象的本身进行查找,不会去原型中查找,如果对象本身中没有这个属性,则给该对象新增一个属性

如果对象中有这个属性,修改这个属性。

3.如果在原型对象中有引用类型的属性,那么使用对象进行修改该属性内容,则其他所有跟这个原型对象相关的对象都会受到影响,

Person.prototype.car = {}

var p = new Person();

p.car = {}; //这是修改属性。

p.car.brand = '' //这是修改属性的内容

let a = p.car //查找,如果自身对象没有则在原型对象中查找,然后a.brand

4.一般情况下不会将属性添加到原型对象中

只会讲需要共享的方法添加到原型对象中

8、__proto__

1、这个属性不是标准属性,所以存在通用性问题。

2.一般不推荐使用

3.调试的时候可以使用

4.这个属性是原型中的属性。

9、替换原型的时候注意事项

在新替换的原型中,没有constructor属性,会影响三角结构关系的合理性。

so,在新替换的原型中,手动添加constructor属性,以保证合理性,赋值为关联的构造函数。

Person.prototype = {

constructor: Person

}

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

推荐阅读更多精彩内容