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
操作符创建实例,只能返回构造函数中返回的引用类型,反之返回构造函数的实例。(这是京东的一道面试题)