开发者

Return Statement in JS Constructors

What is the effect of a return statement in the body of JavaScript fu开发者_StackOverflow社区nction when it's used as a constructor for a new object(with 'new' keyword)?


Usually return simply exits the constructor. However, if the returned value is an Object, it is used as the new expression's value.

Consider:

function f() {
   this.x = 1;
   return;
}
alert((new f()).x);

displays 1, but

function f() {
   this.x = 1;
   return { x: 2};
}
alert((new f()).x);

displays 2.


The reason to use the new operator is to ensure that this inside the constructor refers to a new context, which supports:

this.functionName = function(){...};

, and to allow the use of the instanceof operator:

function foo() {...}
var bar = new foo();
alert(bar instanceof foo);

Using return {...} inside such a constructor negates both of these effects as this will not be needed with such a pattern, and as instanceof will return false.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜