首頁  >  文章  >  web前端  >  JavaScript建構函式中this和return詳細介紹

JavaScript建構函式中this和return詳細介紹

巴扎黑
巴扎黑原創
2017-09-18 09:40:302058瀏覽

本文透過實例程式碼給大家介紹了JS建構函式中this和return,需要的朋友參考下吧

#先看一段程式碼,


##

function Foo(name,age){
  this.name=name;
  this.age=age;
}
var foo=new Foo("Tom",14);
foo.name;//Tom
foo.age;//14

使用建構子實例化發生的流程:

1.建立一個foo的空物件。

2.將建構函式中的Foo的this指向物件foo。

3.foo的_proto_屬性指向Foo函數的prototype原型。

4.執行建構函式中的程式碼。

相對於普通函數,建構函數中的this是指向實例的,而普通函數呼叫中的this是指向windows的。

「建構子」中如果加入了return的話,分兩種情況


#

function Foo(name,age){
  this.name=name;
  this.age=age;
  return {name:"Jeff"}
}
var foo=new Foo("Tom",14);
foo.name;//Jeff

1.return的是五種簡單資料型別:String ,Number,Boolean,Null,Undefined。


這種情況下,忽略return值,還是會傳回this物件。

2.return的是Object。

 這種情況下,不再傳回this對象,而是傳回return語句的回傳值。

以上是JavaScript建構函式中this和return詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn