JS構(gòu)造函數(shù)中this和return的區(qū)別是什么

發(fā)布時間：2021-07-28 14:46:06 來源：億速云閱讀：154 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)JS構(gòu)造函數(shù)中this和return的區(qū)別是什么，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

先看一段代碼，

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

使用構(gòu)造函數(shù)實例化發(fā)生的流程：

1.建立一個foo的空對象。

2.將構(gòu)造函數(shù)中的Foo的this指向?qū)ο骹oo。

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

4.執(zhí)行構(gòu)造函數(shù)中的代碼。

相對于普通函數(shù)，構(gòu)造函數(shù)中的this是指向?qū)嵗?，而普通函?shù)調(diào)用中的this是指向windows的。

構(gòu)造函數(shù)中如果加入了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的是五種簡單數(shù)據(jù)類型：String，Number，Boolean，Null，Undefined。

這種情況下，忽視return值，依然返回this對象。

2.return的是Object。

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

以上就是JS構(gòu)造函數(shù)中this和return的區(qū)別是什么，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡