构造函数可以返回什么值来避免返回 this？

Question

当使用 new 关键字调用构造函数时，JavaScript 中的 return 语句可以返回 this 以外的值的确切情况是什么？

例子：

function Foo () {
  return something;
}

var foo = new Foo ();

如果我没记错的话，如果something 是一个非函数原语，this 将被返回。否则返回something。这是正确的吗？

换句话说，something 可以采用什么值来导致(new Foo () instanceof Foo) === false？

Answer 1

[[Construct]] 内部属性描述了确切的条件，new 运算符使用该属性：

来自 ECMA-262 3rd。版本规范：

13.2.2[[Construct]]

当Function 对象F 的[[Construct]] 属性为 调用，采取以下步骤：

1. 创建一个新的原生 ECMAScript 对象。
2. 将Result(1)的[[Class]]属性设置为"Object"。
3. 获取F的原型属性值。
4. 如果Result(3)是一个对象，则将Result(1)的[[Prototype]]属性设置为Result(3)。
5. 如果Result(3)不是对象，则将Result(1)的[[Prototype]]属性设置为原始Object原型对象为 在15.2.3.1 中描述。
6. 调用F 的[[Call]] 属性，提供Result(1) 作为this 值和 提供传递给[[Construct]] 的参数列表作为 参数值。
7. 如果@987654328@(Result(6)) 是 Object 然后返回Result(6)。
8. 返回Result(1)。

看第 7 步和第 8 步，新对象只有在 Result(6) 的类型（从 F 构造函数返回的值 函数）是不是一个对象。

Answer 2

试着用更简单的语言表达几点。

在 javascript 中，当您在函数上使用 new 关键字时，如果，

1. 函数不返回任何东西，它会返回一个预期的对象

function User() {
  this.name = 'Virat'
}

var user = new User();
console.log(user.name); //=> 'Virat'

1. 函数返回任何真实复杂对象[对象、数组、函数等]，该复杂对象优先，user 变量将保存返回的复杂对象

function User() {
  this.name = 'Virat';
  return function(){};
}

var user = new User();
console.log(user.name); //=> undefined
console.log(user); //=> function

1. 函数返回任何字面量，构造函数优先，它会返回一个预期的对象

function User() {
  this.name = 'Virat';
  return 10;
}

var user = new User();
console.log(user.name); //=> 'Virat'

Answer 3

具体例子 http://jsbin.com/zivivucahi/1/edit?html,js,console,output

/*
ECMA 262 v 5
http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
"4.3.2
primitive value
member of one of the types Undefined, Null, Boolean, Number, Symbol, or String as defined in clause 6"
*/

var Person = function(x){
  return x;

};


console.log(Person.constructor);
console.log(Person.prototype.constructor);
console.log(typeof(Person));
console.log(typeof(Person.prototype));

function log(x){
  console.log(x instanceof Person);
  console.log(typeof x);
  console.log(typeof x.prototype);
}

log(new Person(undefined));
log(new Person(null));
log(new Person(true));
log(new Person(2));
log(new Person(""));

//returns a function not an object
log(new Person(function(){}));


//implementation?
//log(new Person(Symbol('%')));

Answer 4

附带说明，返回值或this 只是等式的一部分。

例如，考虑一下：

function Two() { return new Number(2); }
var two = new Two;
two + 2; // 4
two.valueOf = function() { return 3; }
two + 2; // 5
two.valueOf = function() { return '2'; }
two + 2; // '22'

如您所见，.valueOf() 是内部使用的，可以被利用以获取乐趣和利润。您甚至可以创建副作用，例如：

function AutoIncrementingNumber(start) {
    var n = new Number, val = start || 0;
    n.valueOf = function() { return val++; };
    return n;
}
var auto = new AutoIncrementingNumber(42);
auto + 1; // 43
auto + 1; // 44
auto + 1; // 45

我可以想象这一定有一些的实际应用。而且它也不必是明确的Number，如果您将.valueOf 添加到任何对象，它可以表现为一个数字：

({valueOf: function() { return Math.random(); }}) + 1; // 1.6451723610516638

例如，您可以利用它来创建一个始终返回新 GUID 的对象。

Answer 5

我找不到有关此事的任何文档，但我认为您是正确的。例如，您可以从构造函数返回 new Number(5)，但不能返回文字 5（将被忽略并返回 this）。

Answer 6

当您使用new 关键字时，会创建一个对象。然后调用函数初始化对象。

函数无法阻止对象被创建，因为这是在调用函数之前完成的。