今天看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();
结果出乎意料,竟然是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学习笔记JavaScript学习笔记
javascript 学习笔记
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
javascript笔记javascript笔记javascript笔记
6) typeof函数的返回值:数字——number,字符串——string,布尔值——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。主要用来区别区别对象和原始类型。要区分对象的具体类型...
JavaScript-学习笔记
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
javascript入门学习笔记,绝对经典
javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记
菜鸟学习javascript实例教程,菜鸟学习javascript实例教程,菜鸟学习javascript实例教程,菜鸟学习javascript实例教程
JavaScript学习笔记.pdf
PHP学习笔记、PHP实例
自己对《Javascript权威指南》的学习过程中摘录下来的笔记,去掉了那些简单的、罗索的相关介绍,重点在于那些不常用到的语法,规则,以及重点内容的相关示例,此为WORD版,这是第二部分,主要是讲客户端Javascript的...
文档库,学习笔记,包括但不限于HTML、CSS、JavaScript 文档库,学习笔记,包括但不限于HTML、CSS、JavaScript 文档库,学习笔记,包括但不限于HTML、CSS、JavaScript 文档库,学习笔记,包括但不限于HTML、CSS、...
详细的javascript学习笔记,DOM,BOM,AJAX等详细笔记!
Web前端学习笔记:HTML5+CSS3+JavaScript.pdf