详解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，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！
相关文章
项目要求增加短信登录及人脸识别登录功能，本文就来实现一下 短信登录功能，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了js利用数组length属性清空和截短数组的小例子，有需要的朋友可以参考一下2014-01-01
svg是基于XML，由World Wide Web Consortium （W3C）联盟开发的一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。本文将使用svg实现一个带加载进度的loading，需要的可以参考一下2022-11-11
这篇文章主要对JavaScript中的WeakMap进行深入探究，包括它的原理、用法和注意事项等，文中的示例代码简洁易懂，需要的小伙伴可以参考一下2023-05-05
如何判断出一个js对象是否一个dom对象呢？下面小编就为大家带来一篇判断出一个js对象是否一个dom对象的方法。希望对大家有所帮助。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了JS动态添加的div点击跳转到另一页面实现代码,需要的朋友可以参考下2017-09-09
一看到闭包这个词，我就会想起线性代数中的封闭空间，也就是说，这个空间中的所有向量，无论经过何种运算，最终结果还是会落在该空间中。那么JavaScript中会不会也是类似的概念呢？2010-03-03
节流和防抖这里两个词可能对一些初入JavaScript的同学比较陌生,下面这篇文章主要给大家介绍了关于js防抖具体实现以及详细原理步骤的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
下面小编就为大家带来一篇JS实现控制文本框的内容。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
Javascript 字符串字节数获取功能多种方法2009-06-06
最新评论