面對對象編程

leeon 發布于2019-08-26 10:09 / 1249人閱讀

摘要：也就是說，構造函數內部，指的是一個新生成的空對象，所有針對的操作，都會發生在這個空對象上。上面代碼中，構造函數的語句，返回的是一個新對象。

一、創建對象
1.構造函數
var Vehicle = function () {
this.price = 1000;
};

var v = new Vehicle();
v.price // 1000

new命令本身就可以執行構造函數，所以后面的構造函數可以帶括號，也可以不帶括號。下面兩行代碼是等價的，但是為了表示這里是函數調用，推薦使用括號。

// 推薦的寫法
var v = new Vehicle();
// 不推薦的寫法
var v = new Vehicle

一個很自然的問題是，如果忘了使用new命令，直接調用構造函數會發生什么事？

這種情況下，構造函數就變成了普通函數，并不會生成實例對象。而且由于后面會說到的原因，this這時代表全局對象，將造成一些意想不到的結果。

var Vehicle = function (){
this.price = 1000;
};

var v = Vehicle();
v // undefined
price // 1000
上面代碼中，調用Vehicle構造函數時，忘了加上new命令。結果，變量v變成了undefined，而price屬性變成了全局變量。因此，應該非常小心，避免不使用new命令、直接調用構造函數

為了保證構造函數必須與new命令一起使用，一個解決辦法是，構造函數內部使用嚴格模式，即第一行加上use strict。這樣的話，一旦忘了使用new命令，直接調用構造函數就會報錯。

function Fubar(foo, bar){
"use strict";
this._foo = foo;
this._bar = bar;
}

Fubar()
// TypeError: Cannot set property "_f
上面代碼的Fubar為構造函數，use strict命令保證了該函數在嚴格模式下運行。由于嚴格模式中，函數內部的this不能指向全局對象，默認等于undefined，導致不加new調用會報錯（JavaScript 不允許對undefined添加屬性）。

2.object.create()

二、new 命令的原理
使用new命令時，它后面的函數依次執行下面的步驟。

創建一個空對象，作為將要返回的對象實例。
將這個空對象的原型，指向構造函數的prototype屬性。
將這個空對象賦值給函數內部的this關鍵字。
開始執行構造函數內部的代碼。

也就是說，構造函數內部，this指的是一個新生成的空對象，所有針對this的操作，都會發生在這個空對象上。構造函數之所以叫“構造函數”，就是說這個函數的目的，就是操作一個空對象（即this對象），將其“構造”為需要的樣子

三、構造函數里return（new總是返回一個對象）
如果構造函數內部有return語句，而且return后面跟著一個對象，new命令會返回return語句指定的對象；否則，就會不管return語句，返回this對象。

var Vehicle = function () {
this.price = 1000;
return 1000;
};

(new Vehicle()) === 1000
// false
上面代碼中，構造函數Vehicle的return語句返回一個數值。這時，new命令就會忽略這個return語句，返回“構造”后的this對象。

但是，如果return語句返回的是一個跟this無關的新對象，new命令會返回這個新對象，而不是this對象。這一點需要特別引起注意。

var Vehicle = function (){
this.price = 1000;
return { price: 2000 };
};
上面代碼中，構造函數Vehicle的return語句，返回的是一個新對象。new命令會返回這個對象，而不是this對象

(new Vehicle()).price
// 2000

四、函數的new
另一方面，如果對普通函數（內部沒有this關鍵字的函數）使用new命令，則會返回一個空對象。

function getMessage() {
return "this is a message";
}

var msg = new getMessage();

msg // {}
typeof msg // "object"
上面代碼中，getMessage是一個普通函數，返回一個字符串。對它使用new命令，會得到一個空對象。這是因為new命令總是返回一個對象，要么是實例對象，要么是return語句指定的對象。本例中，return語句返回的是字符串，所以new命令就忽略了該語句。

五、new命令簡化的內部流程
function _new(/ 構造函數 / constructor, / 構造函數參數 / params) {
// 將 arguments 對象轉為數組
var args = [].slice.call(arguments);
// 取出構造函數
var constructor = args.shift();
// 創建一個空對象，繼承構造函數的 prototype 屬性
var context = Object.create(constructor.prototype);
// 執行構造函數
var result = constructor.apply(context, args);
// 如果返回結果是對象，就直接返回，否則返回 context 對象
return (typeof result === "object" && result != null) ? result : context;
}

// 實例
var actor = _new(Person, "張三", 28);

GPU云服務器云服務器面對對象 python面對對象 php面對對象設計面向對象編程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105694.html

[JS相關的記錄01] 那什么來面對你，面向對象編程(__proto__,prototype,con

摘要：首先定義空函數這個不用解釋，然后把這個空函數的原型指向為的原型，然后再把的原型指向這個新的對象，一個完美傳遞最后，在把原型的構造方法定義成華麗的轉身，結果如下結果還是不對，于是我又在大神的肩膀上墊了一下腳。總是聽說面向對象，類，繼承，__proto__，prototype，constructor.......于是乎小整理一下。首先說，JS里的繼承是怎么弄的呢？首先創建類(Pers...

raledong 2019-08-20 16:44 評論0 收藏0
python開發第六篇--遞歸函數和面對對象編程初識

摘要：遞歸函數遞歸函數的用法遞歸函數在一個函數里在調用這個函數本身。如來根本不會管師徒四人按照什么流程去取。面向對象的程序優點是解決了程序的擴展性。遞歸函數遞歸函數的用法： - 遞歸函數：在一個函數里在調用這個函數本身。 - 遞歸的最大深度：998 實例找一個函數的索引位置，遞歸實現 l = [2,3,5,10,15,16,18,22,26,30,32,35,41,42,43,55,5...

objc94 2019-07-30 16:53 評論0 收藏0
面對對象（三）this 關鍵字

摘要：涵義實質使用場合使用注意點避免多層避免數組處理方法中的避免回調函數中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調用回調函數，驗證這個值是否在指定范圍。涵義實質使用場合使用注意點避免多層 this避免數組處理方法中的 this避免回調函數中的 this綁定 this 的方法 Function.prototype.call...

shenhualong 2019-08-26 10:09 評論0 收藏0
面對對象（三）this 關鍵字

摘要：涵義實質使用場合使用注意點避免多層避免數組處理方法中的避免回調函數中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調用回調函數，驗證這個值是否在指定范圍。涵義實質使用場合使用注意點避免多層 this避免數組處理方法中的 this避免回調函數中的 this綁定 this 的方法 Function.prototype.call...

Euphoria 2019-08-26 10:09 評論0 收藏0
面對對象（三）this 關鍵字

摘要：涵義實質使用場合使用注意點避免多層避免數組處理方法中的避免回調函數中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調用回調函數，驗證這個值是否在指定范圍。涵義實質使用場合使用注意點避免多層 this避免數組處理方法中的 this避免回調函數中的 this綁定 this 的方法 Function.prototype.call...

Caizhenhao 2019-08-26 10:09 評論0 收藏0