JS中的物件導向淺淺了解

2021-10-14 08:21:25 字數 3063 閱讀 5568

1)一切事物皆物件

2)物件具有封裝和繼承特性

3)資訊隱藏

var person = 

}person.height = 175;

function person(){}

person.prototype =

}var p = new person();

js裡面沒有類,可以用function模擬類的概念

function people(){}

people.prototype.say = function()

function student(){}

student.prototype = new people();//繼承

var s = new student();

s.say();//彈出「hello」

function people(){}

people.prototype.say = function()

function student(){}

student.prototype = new people();

student.prototype.say = function()

var s = new student();

s.say();//彈出「stu-hello」

function people(){}

people.prototype.say = function()

function student(){}

student.prototype = new people();

var supersay = student.prototype.say;//***呼叫父類方法

student.prototype.say = function()

var s = new student();

s.say();//依次彈出「hello」 「stu-hello」

有引數

function people(name)

people.prototype.say = function()

function student(name)

student.prototype = new people();

var supersay = student.prototype.say;

student.prototype.say = function()

var s = new student(」nice」);//*

s.say();//依次彈出「peo-hellonice」 「stu-hellonice」

資訊隱藏

(function()

people.prototype.say = function()

window.people = people;//外部介面,賦給window視窗進行操作

}());//自執行函式

(function()

student.prototype = new people();

var supersay = student.prototype.say;

student.prototype.say = function()

window.student = student;//外部介面

}());

var s = new student(」nice」);//*

s.say();//彈出「peo-helloniceime」後報錯,報錯原因是n is not defined

function person();//把所有東西都放在物件裡承載

_this.sayhello = function()

return _this;

}function teacher()

var t = teacher();

t.sayhello();//彈出「hello」

function person();

_this.sayhello = function()

return _this;

}function teacher()

return _this;

}var t = teacher();

t.sayhello();//彈出「thello」

function person();

_this.sayhello = function()

return _this;

}function teacher()

return _this;

}var t = teacher();

t.sayhello();//依次彈出「hello」 「thello」

function person(name);

_this._name = name;//*

_this.sayhello = function()

return _this;

}function teacher(name)

return _this;

}var t = teacher(」nice」);

t.sayhello();//依次彈出「hellonice」 「thellonice」

(function();

_this._name = name;

_this.sayhello = function()

return _this;

} window.person = person;//*外部介面

}());//自執行函式

function teacher(name)

return _this;

}var t = teacher(」nice」);

t.sayhello();//依次彈出「helloniceime」 「thellonice」

JS中的物件導向

一 首先建立js物件的四種方式 1.普通模式 var person new object person.name irving person.age 22 person.sayhi function 但是這樣每次去建立乙個類的物件相當的麻煩。所以有了下面的集中建立物件的模式。2.工廠模式 funct...

js中的物件導向

很火的一張圖很生動形象 mdn 給了我們一堆術語 請嘗試理解物件導向,並背誦 mdn 裡的以下內容 class 類 定義物件的特徵。它是物件的屬性和方法的模板定義.object 物件 類的乙個例項。property 屬性 物件的特徵,比如顏色。method 方法 物件的能力,比如行走。constru...

js中的物件導向。

1.js中的物件導向就是類,而類中關鍵的就是繼承 2.首先宣告乙個類 var gandparent function 3.建構函式實現繼承 function grandparent grandparent.prototype.say function function son console.log...