get_attribute中的value是什么类型的?_JS构造函数中返回不同的类型,使用 new 关键字 会创建什么样的实例?...

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

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

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

377ca697f6c0588db2de164f484d828c.png
返回 Foo 的实例,可以调用 原型上的方法

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

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

5ebd7324586bd0716be4cafdae1692f6.png
返回 Foo 的实例,可以调用原型的方法

3、返回 null 或者 undefined

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

eeb822f2092147a4d5fba6d4e1f63b76.png
返回 Foo 的实例,可以调用原型的方法

4、返回 Array 类型

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

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

5、返回一个函数

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

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

6、返回一个新的对象

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

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

7、返回 Map 对象(WeakMapSetWeakSet同样)

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

18fb226c723326a825fcd573ec55188b.png
返回的是 Map 实例,不是 Foo 的实例,不能调用原型链的方法

总结:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值