面向對象編程(Object Oriented Programming,縮寫為 OOP)是目前主流的編程范式。
那么,“對象”(object)到底是什么?
對象是單個實物的抽象。
對象是一個容器,封裝了屬性(property)和方法(method)。 屬性是對象的狀態,方法是對象的行為(完成某種任務)。
2. 構造函數
面向對象編程的第一步,就是要生成對象。通常需要一個模板,表示某一類實物的共同特征,然后對象根據這個模板生成。
JavaScript 語言使用構造函數(constructor)作為對象的模板。 “構造函數”,就是專門用來生成實例對象的函數。
它就是對象的模板,描述實例對象的基本結構。一個構造函數,可以生成多個實例對象,這些實例對象都有相同的結構。
var Vehicle = function () { this.price = 1000;};上面代碼中, Vehicle 就是構造函數。為了與普通函數區別,構造函數名字的第一個字母通常大寫。
構造函數的特點有兩個。
this
new
3. new 命令
3.1 基本用法
3.1.1 new 的基本用法
new 命令的作用,就是執行構造函數,返回一個實例對象。
var Vehicle = function () { this.price = 1000;};var v = new Vehicle();v.price // 1000上面代碼通過 new 命令,讓構造函數 Vehicle 生成一個實例對象,保存在變量 v 中。 new 命令執行時,構造函數內部的 this ,就代表了新生成的實例對象, this.price 表示實例對象有一個 price 屬性,值是1000。
下面兩行代碼是等價的,但是為了表示這里是函數調用, 推薦使用括號 。
// 推薦的寫法var v = new Vehicle();// 不推薦的寫法var v = new Vehicle;
3.1.2 保證構造函數必須與 new 命令一起使用
如果忘了使用 new 命令,直接調用構造函數會發生什么事?
var Vehicle = function (){ this.price = 1000;};var v = Vehicle();v // undefinedprice // 1000上面代碼中,調用 Vehicle 構造函數時,忘了加上 new 命令。結果,變量 v 變成了 undefined ,而 price 屬性變成了全局變量。因此,應該非常小心,避免不使用 new 命令、直接調用構造函數。
為了保證構造函數必須與 new 命令一起使用,有2種解決辦法:
構造函數內部使用嚴格模式,即第一行加上 use strict 。 這樣的話,一旦忘了使用 new 命令,直接調用構造函數就會報錯。
function Fubar(foo, bar){ 'use strict'; this._foo = foo; this._bar = bar;}Fubar()// TypeError: Cannot set property '_foo' of undefined上面代碼的 Fubar 為構造函數, use strict 命令保證了該函數在嚴格模式下運行。由于嚴格模式中,函數內部的 this 不能指向全局對象,默認等于 undefined ,導致不加 new 調用會報錯(JavaScript 不允許對 undefined 添加屬性)。
新聞熱點
疑難解答
圖片精選