[学习笔记]javascript中new function()的返回值（并不一定是function的“实例”）

Cykit

浏览: 23803 次

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (8)

社区版块

存档分类

JavaScript prototype F#Mootools J#

今天看mootools的Element源码时发现，Elenment的initialize有返回值，有点不解，initialize有返回值的话那么var div = new Element('div')的话div究竟是initialize的返回值还是一个Element实例。或许有的人会说，当然是Element实例啦。但是，虽然表面上看上去，div似乎是一个Element实例，然而事实上div不是一个Element实例，它是document.createElemetnt('div')，然后通过复制Element的prototype到div而来的。下面是Element的部分源码

js 代码

var Element = new Class({
initialize: function(el){
if ($type(el) == 'string') el = document.createElement(el);
return $(el);
}
});
function $(el){
if (!el) return false;
if (el._element_extended_ || [window, document].test(el)) return el;
if ($type(el) == 'string') el = document.getElementById(el);
if ($type(el) != 'element') return false;
if (['object', 'embed'].test(el.tagName.toLowerCase()) || el.extend) return el;
el._element_extended_ = true;
Garbage.collect(el);
el.extend = Object.extend;
if (!(el.htmlElement)) el.extend(Element.prototype);
return el;
};

上面的代码似乎说明了，只要new function()的function有返回值的话那么就应该返回function返回值，但是事实上呢？看下边的例子

js 代码

function fn()
{
this.k = 1;
return 1;
}
fn.prototype = {
j: 0
};
var f = new fn(); // f = {}

结果出乎意料，竟然是fn的实例({k:1, j:0})；为什么又是function的实例了？继续看下面的实验，在fn中分别return各种数据类型的值，得出一下结果

js 代码

return 1; f = {"j":0,"k":1}
return false; f = {"j":0,"k":1}
return true; f = {"j":0,"k":1}
return "string"; f = {"j":0,"k":1}
return null; f = {"j":0,"k":1}
return undefined; f = {"j":0,"k":1}
return new Number(1); f = 值为1的Number对象
return new String("string"); f = 值为"string"的String对象
return new Boolean(true); f = {}
return [1]; f = [1]
return new Object(); f = {}

注：Boolean在IE和FIREFOX似乎只要声明而没有定义，不管传入的是true还是false，返回的都是{}，而且没有ToString()等方法。而且它的prototype也是{} 。其他浏览器没试过，还不清楚。不过估计也是一样的吧。
[修正]Boolean是有定义的，ToString()应该是toString();

实验的结论很明显，如果function的返回值是对象的话则返回该对象，否则返回function的实例

javascript真是一门神奇的语言，容易入门，但是其中的细节和一些技巧却不是一时半会能掌握，每次回过头学都能学到一些新的东西，好像怎么都学不完，继续加油。

分享到：

Javascript闭包(closure)中一个很容易犯错 ... | [学习笔记]字符集编码

2007-04-20 23:58
浏览 9963
评论(4)
查看更多

4 楼 dxlamber 2009-09-23

只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象

本文来自: 脚本之家(www.jb51.net) 详细出处参考：http://www.jb51.net/article/13895.htm

详细链接 http://www.jb51.net/article/13895.htm

3 楼 dreampuf 2009-08-03

不过你的New函数好像还有一些瑕疵...比如new String 在Func.call的时候就会报错.提前把判断放前面比较完美吧..else return Func.call(y)..

2 楼 lord_is_layuping 2009-07-25

对于var f = new fn();如果function的返回值是对象的话则返回该对象，否则返回function的实例。

1 楼 sfh 2009-06-05

个人感觉 new Func() 时，若Func有返回值且返回值为function或是object类型的话，则返回其返回值，否则，则返回一个空对象{}调用Func之后自身所转变成的对象也就是Func的实例，相当于：
function New(Func)
{
var y = {};
var z = Func.call(y); // 返回OutFoo的返回值
if((typeof(z)=="function") || (typeof(z)=="object")) return(z);
else return(y);
}

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论