JS中的构造函数详细解析
更新时间：2014年03月10日 09:12:38 作者：
本篇文章主要是对JS中的构造函数进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
在JavaScript中，任何合法的函数都可以作为对象的构造函数，这既包括系统内置函数，也包括用户自己定义的函数。一旦函数被作为构造函数执行，它内部的this属性将引用函数本身。
通常来说，构造函数没有返回值，它们只是初始化由this指针传递进来的对象，并且什么也不返回。如果一个函数有返回值，被返回的对象就成了new表达式的值。从形式上看，一个函数被作为构造函数还是普通函数执行的唯一区别，是否用new运算符。
上面的描述事实上有着更为精确的含义，这要把函数如果有返回值的情况分为函数的返回值是引用类型和值类型两种情况。
如果一个函数的返回值是引用类型（数组，对象或者函数）的数据，那么这个函数作为构造函数用new运算符执行构造时，运算的结果将被它的返回值取代，这时候，构造函数体内的this值丢失了，取而代之的是被返回的对象。例如：
复制代码 代码如下:
function test()
{
this.a=10;
return function()
{
return 1;
}
}
alert m=new test();
var n=test();
alert(m);//返回return后面的闭包
alert(n);//返回return 后面的闭包
运行结果m的值和n的值是一样的，都是test函数返回的闭包，而this引用的对象和this.a=10的赋值结果全部被丢弃。
如果一个函数的返回值是一个值类型，那么这个函数作为构造函数用new运算符执行构造时，它的返回值将被丢弃。new 表达式的结果仍然是this所引用的对象。
复制代码 代码如下:
function test()
{
this.a=10;
return 1;
}
alert m=new test();
var n=test();
alert(m)//返回【Object】
alert(n)//返回1.
相关文章
这篇文章主要为大家详细介绍了微信小程序实现单选选项卡切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-02-02
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
今天看到有个Google Code的项目，叫ZeroClipboard，大意是使用flash作为媒介，将内容复制到剪贴板。这比用纯javascript好，因为不同浏览器会出于安全的原因，有不同反应，例如IE会给出提示，有的浏览器不支持复制到剪贴板。2010-03-03
这篇文章主要介绍了ckeditor一键排版功能实现方法,结合实例形式分析了ckeditor一键排版相关扩展插件定义、配置与使用方法,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了Js实现双击鼠标自动滚动屏幕的示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要和大家聊一聊JavaScript的New关键字，一般我们通过New关键字来创建一个类的实例对象，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要给大家介绍了关于JavaScript中forEach和each使用方法的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-07-07
做了一个判断浏览器类型和版本号的业务，记录下相关的js代码，个人感觉还不错，需要的朋友可以参考下2013-10-10
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。这篇文章主要介绍了JavaScript中with语句的相关知识，感兴趣的朋友一起学习吧2016-05-05
JS获取并操作iframe中元素的方法，需要的朋友可以参考一下2013-03-03
这篇文章主要介绍了前端如何实现动画过渡效果，帮助大家更好的理解和学习前端开发网页，感兴趣的朋友可以了解下2021-02-02
最新评论