JS构造函数中返回不同的类型，使用 new 关键字 会创建什么样的实例？

JS构造函数中返回不同的类型，使用 new 关键字 会创建什么样的实例？

1、构造函数中如果没有返回值

var Foo = function() {
    
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回 Foo 的实例，可以调用 原型上的方法

2、构造函数中返回 原始类型 数据

var Foo = function() {
    return true
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回 Foo 的实例，可以调用原型的方法

3、返回 null 或者 undefined

var Foo = function() {
    return undefined
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回 Foo 的实例，可以调用原型的方法

4、返回 Array 类型

var Foo = function() {
    return []
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回了 [], 不是 Foo 的实例，不能调用原型的方法

5、返回一个函数

var Foo = function() {
    return function() {}
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回了 function() {} ,不是 Foo 的实例，不能调用原型的方法

6、返回一个新的对象

var Foo = function() {
    return {}
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回的 构造函数中返回的对象，不是 Foo 的实例，不能调用 Foo.prototype 的方法

7、返回 Map 对象（WeakMap 、 Set 、 WeakSet同样）

var Foo = function() {
    return new Map()
}
Foo.prototype.a = () => { console.log("a") }
var foo = new Foo();
console.log(foo)
foo.a()

返回的是 Map 实例，不是 Foo 的实例，不能调用原型链的方法

总结：

构造函数中返回的如果是非空的引用类型，那么使用 new 操作符创建实例，只能返回构造函数中返回的引用类型，反之返回构造函数的实例。（这是京东的一道面试题）