详解JS构造函数中this和return
更新时间：2017年09月16日 09:35:06 作者：isco_22
本文通过实例代码给大家介绍了JS构造函数中this和return，需要的朋友参考下吧
先看一段代码，
function Foo(name,age){
this.name=name;
this.age=age;
}
var foo=new Foo("Tom",14);
foo.name;//Tom
foo.age;//14
使用构造函数实例化发生的流程：
1.建立一个foo的空对象。
2.将构造函数中的Foo的this指向对象foo。
3.foo的_proto_属性指向Foo函数的prototype原型。
4.执行构造函数中的代码。
相对于普通函数，构造函数中的this是指向实例的，而普通函数调用中的this是指向windows的。
构造函数中如果加入了return的话，分两种情况
function Foo(name,age){
this.name=name;
this.age=age;
return {name:"Jeff"}
}
var foo=new Foo("Tom",14);
foo.name;//Jeff
1.return的是五种简单数据类型：String，Number，Boolean，Null，Undefined。
这种情况下，忽视return值，依然返回this对象。
2.return的是Object。
这种情况下，不再返回this对象，而是返回return语句的返回值。
总结
以上所述是小编给大家介绍的JS构造函数中this和return，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！
相关文章
今天小编就为大家分享一篇layer.js open 隐藏滚动条的例子，具有很好的参考价值，希望对大家有所帮助。 一起跟随小编过来看看吧2019-09-09
javascript中的undefined和not defined区别示例介绍
这篇文章主要介绍了javascript中的undefined和not defined区别,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了JS获取iframe中longdesc属性的方法,实例分析了longdesc属性的功能及相关的获取技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了electron 安装，调试，打包的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了javascript 设计模式之享元模式,结合实例形式详细分析了javascript 设计模式之享元模式相关概念、原理、应用方法及操作注意事项,需要的朋友可以参考下2020-04-04
在使用uni-app完成扫码功能时,有时需要聚焦文本框的同时,需要软键盘消失,下面这篇文章主要给大家介绍了关于uniapp中input聚焦禁止软键盘弹出的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
本篇文章主要是对JS获取文本框,下拉框,单选框值的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了Javscript调用iframe框架页面中函数的方法,可实现iframe之间传值或修改值,是非常实用的技巧,需要的朋友可以参考下2014-11-11
这篇文章主要给大家介绍了关于JavaScript实现轮播图方法的相关资料,JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示,配合HTML和CSS完成布局和样式设置,文中介绍的方法逻辑清晰一看就懂,需要的朋友可以参考下2023-12-12
这篇文章主要给大家介绍了利用Javascript声明一连串（也就是多个）变量的方法，需要的朋友可以参考借鉴，下面来一起看看吧。2017-01-01
最新评论