基础知识6--面向对象(OOP)

1.对象,类,实例
2.面向对象的实现方法
3.类的继承

对象,类,实例
  • 对象的定义:ECMA-262 把对象(object)定义为“属性的无序集合,每个属性都存放在一个原始值,对象或函数”。

  • :每个对象都由类定义。

  • 实例:程序实用类创建对象时,生成的对象是类的实例,由创建对象实例的过程是实例化

  • 对象的构成:属性和方法

  • 对象引用:在 ECMAScript 中,不能访问对象的物理表示,只能访问对象的引用:每次创建对象,存储在变量中的都是该对象的引用,而不是对象本身。

  • 对象废除:ECMAScript 拥有无用存储单元收集程序(garbage collection routine),意味着不必专门销毁对象来释放内存。当再没有对对象的引用时,称该对象被废除(dereference)了。运行无用存储单元收集程序时,所有废除的对象都被销毁。每当函数执行完它的代码,无用存储单元收集程序都会运行,释放所有的局部变量,还有在一些其他不可预知的情况下,无用存储单元收集程序也会运行。
    把对象的所有引用都设置为 null,可以强制性地废除对象
    注意:废除对象的所有引用时要当心。如果一个对象有两个或更多引用,则要正确废除该对象,必须将其所有引用都设置为 null。
    var oObject = new Object;// do something with the object here oObject = null;

  • 对象类型(系统对象):本地对象、内置对象和宿主对象
    本地对象+内置对象--与宿主环境无关 即与执行环境无关

    • 本地对象
      ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。简单来说,本地对象就是 ECMA-262 定义的类(引用类型)。它们包括:
      Object
      Function
      Array
      String
      Boolean
      Number
      Date
      RegExp
      Error
      EvalError
      RangeError
      ReferenceError
      SyntaxError
      TypeError
      URIError
    • 内置对象
      ECMA-262 只定义了两个内置对象,即 Global 和 Math (它们也是本地对象,根据定义,每个内置对象都是本地对象)
    • 宿主对象
      所有非本地对象都是宿主对象(host object),即由 ECMAScript 实现的宿主环境提供的对象。
      所有 BOM 和 DOM 对象都是宿主对象。
  • 对象作用域:ECMAScript 只有公用作用域

    • 定义自己的类和对象时,必须格外小心。记住,所有属性和方法默认都是公用的
    • 建议性的解决方法
      ·由于缺少私有作用域,开发者确定了一个规约,说明哪些属性和方法应该被看做私有的。这种规约规定在属性前后加下划线:
      obj.color = "blue";
      这段代码中,属性 color 是私有的。注意,下划线并不改变属性是公用属性的事实,它只是告诉其他开发者,应该把该属性看作私有的。
      有些开发者还喜欢用单下划线说明私有成员,例如:obj._color。
  • 关键字 this:this 总是指向调用该方法的对象

  • 类的声明
    1.传统构造函数模拟类

    • function Animal(){
      this.name = 'blue';
      }
      2.ES6中class的声明
      class Animal{
      constructor(){//构造函数
      this.name = 'blue'
      }
      }
面向对象的实现方法
  • 1.工厂方法
    //工厂模式
    function createPerson1(name,age,job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
    console.log(this.name);
    }
    return o;
    }
    var person1 = createPerson1("Nicholas",20,"Software Engineer");
    console.log(person1.name);
    var person2 = createPerson1("Greg",29,"Docter");
    console.log(person2.name==person1.name);//false
    console.log(person1 instanceof createPerson1);
    缺点:重复生成构造函数,可用外部函数重写构造函数
  • 2. 构造函数方式
    function Car(color){
    this.color = color;
    this.showColor = function(){}
    }
    var car1 = new Car('red')
    var car1 = new Car('blue')
    构造函数与工厂模式的区别:
    ·1.构造函数没有创建对象,而用this关键字
    ·2.使用new创建对象
    ·3.不必return
    *使用 new 运算符构造函数时,在执行第一行代码前先创建一个对象,只有用 this 才能访问该对象。然后可以直接赋予 this 属性,默认情况下是构造函数的返回值(不必明确使用 return 运算符)
    构造函数缺点:
    就像工厂函数,构造函数会重复生成函数,为每个对象都创建独立的函数版本。不过,与工厂函数相似,也可以用外部函数重写构造函数,同样地,这么做语义上无任何意义
  • 3.原型方式
    function Car() {
    }

Car.prototype.color = "blue";
Car.prototype.doors = 4;
Car.prototype.mpg = 25;
Car.prototype.showColor = function() {
alert(this.color);
};

var oCar1 = new Car();
var oCar2 = new Car();
缺点:
· 这个构造函数没有参数。使用原型方式,不能通过给构造函数传递参数来初始化属性的值,因为 Car1 和 Car2 的 color 属性都等于 "blue",doors 属性都等于 4,mpg 属性都等于 25。这意味着必须在对象创建后才能改变属性的默认值
·属性指向的是对象,而不是函数时。函数共享不会造成问题,但对象却很少被多个实例共享

  • 4.混合构造函数/原型方式
    function createPerson(name,sex,age){
    this.name = name;
    this.sex = sex;
    this.age = age;
    }
    createPerson.prototype.say = function(){
    console.log(this.name+" hello world");
    }
    createPerson.prototype.run = function(){
    console.log(this.name+" running");
    }
    var obj = new createPerson("blue", "girl","20");
    var obj1 = new createPerson("red","boy","10");
    obj.say();
    obj.run();
    obj1.say();
    //alert(obj.say()==obj1.say());//true
    console.log(obj instanceof createPerson);
类的继承

**继承的本质是原型链

1.借助构造函数实现继承
2.借助原型链
3.组合方式
4.组合继承优化--Object.create
5.组合继承优化--for in

function Parent(){
this.name = 'blue'
}
function B(){
A.call(this)
}

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

推荐阅读更多精彩内容

  • ECMAScript关键字 delete do else finally function in instance...
    doudou2阅读 717评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,739评论 2 17
  • Chapter 6 面向对象的程序设计 理解对象 使用对象字面量语法创建对象var person = { n...
    云之外阅读 584评论 0 1
  • title: js面向对象date: 2017年8月17日 18:58:05updated: 2017年8月27日...
    lu900618阅读 566评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,061评论 1 10