手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS中的构造函数详细解析
JS中的构造函数详细解析
摘要:在JavaScript中,任何合法的函数都可以作为对象的构造函数,这既包括系统内置函数,也包括用户自己定义的函数。一旦函数被作为构造函数执行...

在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.

【JS中的构造函数详细解析】相关文章:

javaScript中with函数用法实例分析

JavaScript中reduce()方法的使用详解

JavaScript中的lastIndexOf()方法使用详解

JavaScript中的bold()方法使用详解

浅谈jQuery构造函数分析

JavaScript中的splice()方法使用详解

音乐播放用的的几个函数

JavaScript中的small()方法使用详解

JavaScript中for循环的使用详解

AngularJS的内置过滤器详解

精品推荐
分类导航