對象_原型

1. OOP 指什么?有哪些特性

  • Object-oriented programming的縮寫,即面向?qū)ο蟪绦蛟O(shè)計,其中兩個最重要的概念就是類和對象。類只是具備了某些功能和屬性的抽象模型,而實際應(yīng)用中需要一個一個實體,也就是需要對類進行實例化,類在實例化之后就是對象。
    原則:開放封閉原則
    對于擴展是開放的,可以對模塊進行擴展
    對于修改是關(guān)閉的,擴展時不必改動模塊的源代碼或者二進制代碼
  • 特性
  1. 繼承性:子類自動繼承其父級類中的屬性和方法,并可以添加新的屬性和方法或者對部分屬性和方法進行重寫。繼承增加了代碼的可重用性。
  2. 多態(tài)性:子類繼承了來自父級類中的屬性和方法,并對其中部分方法進行重寫。不同對象的同一個方法,可以有不同的表現(xiàn)。
  3. 封裝性:將一個類的使用和實現(xiàn)分開,只保留部分接口和方法與外部聯(lián)系。

2.如何通過構(gòu)造函數(shù)的方式創(chuàng)建一個擁有屬性和方法的對象?

    var Person = function(name,sex){
        this.name = name;
        this.sex = sex;
    };
    Person.prototype.sayName = function(){
        console.log("my name is "+this.name+" and sex is "+this.sex )
    };
    var person = new Person("Clark","male");
    person.sayName()//my name is clark and sex is male

3. prototype 是什么?有什么特性

prototype是當(dāng)創(chuàng)造一個函數(shù)時,按照一定規(guī)則創(chuàng)造出來的原型對象,這個原型對象會自動獲取一個constructor屬性,它是指向prototype屬性所在的函數(shù)的指針。原型對象里的被指定給this的屬性會被所有通過此構(gòu)造函數(shù)創(chuàng)造出的實例共享,這樣就解決了使用構(gòu)造函數(shù)方式創(chuàng)造對象時造成的重復(fù)問題。
在JavaScript中,所有的對象都是基于 Object;所有的對象都繼承了Object.prototype的屬性和方法,它們可以被覆蓋(除了以null為原型的對象,如 Object.create(null))。

4.畫出如下代碼的原型圖

function People (name){
  this.name = name;
  this.sayName = function(){
    console.log('my name is:' + this.name);
  }
}

People.prototype.walk = function(){
  console.log(this.name + ' is walking');  
}

var p1 = new People('饑人谷');
var p2 = new People('前端');
原型鏈.png

5.創(chuàng)建一個 Car 對象,擁有屬性name、color、status;擁有方法run,stop,getStatus

   var Car = function(name,color,status){
       this.name = name;
       this.color = color;
       this.status = status;
   };
    Car.prototype = {
        run:function(){
            console.log("run")
        },
        stop:function(){
            console.log("stop")
        },
        getStatus:function(){
            console.log(this.status)
        }
    };
    var car1 = new Car("BMW","white","good");

6.創(chuàng)建一個 GoTop 對象,當(dāng) new 一個 GotTop 對象則會在頁面上創(chuàng)建一個回到頂部的元素,點擊頁面滾動到頂部。擁有以下屬性和方法

1. `ct`屬性,GoTop 對應(yīng)的 DOM 元素的容器
2.  `target`屬性, GoTop 對應(yīng)的 DOM 元素
3.  `bindEvent` 方法, 用于綁定事件
4 `createNode` 方法, 用于在容器內(nèi)創(chuàng)建節(jié)點

代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容