深入javascript function对象(一)
来源:互联网 发布:哪个软件可以合成照片 编辑:程序博客网 时间:2024/06/10 00:01
以前学习javascript的时候,是被js漂亮的界面控制所吸引,所以学习的时候多数是以阅读网上js代码为主,凭借着自己对其他面向对象语言的理解,还是凑活能写些复杂的js程序。但是写的越多,不明白的也就越多,很多时候都只是知道要这么用,因为以前接触到的项目就是这么用的,但是不明白为什么这么写,所以,很早就想找点空闲的时间系统的学习下javascript,苦于一直没时间,拖了这么长久。呵呵,才有时间学学,把学习的总结写下来给新手一些参考,也给自己一个备忘。如果有什么写错的地方,希望高手们不要见笑。说了这么多废话,下面进入正题。 不管是绚丽多彩的js界面控制,还是编写复杂多样的ajax应用。相信function的高级应用是必不可少的。那么js中的function到底有什么不同呢? 1. Javascript函数 在Javascript定义一个函数一般有如下4种方式: fnction huchen(…){…} 第1种就是最常用的方法,用function关键字定义一个函数,并为每个函数指定一个函数名,通过函数名来进行调用。函数都是被维护为一个对象,这就是要介绍的函数对象(Function Object)。即用function关键字定义一个函数对象。 后面3种是把函数对象(Function Object)赋给变量,而这个函数对象本身是没有名字的,即匿名函数。 2. 函数对象(FunctionObject) 在js中,有很多内部对象,比如:Object、Array、Date、RegExp、Math、Error。这些名称实际上表示一个类型,可以通过new操作符返回一个对象。然而Function对象和其他对象不同,当用typeof得到一个Function对象的类型时,它仍然会返回字符串“function”,而typeof一个数组对象或其他的对象时,它会返回字符串“object”。下面的代码示例了typeof不同类型的情况: 以下是引用片段: 可以通过object.constructor 属性来获得构造函数。 如: var o = new Object(); alert(typeof(o)); alert(o.constructor); typeof(o)返回的是object 而o.constructor返回的是 function Ojbect(){ [native code] } 这说明Object本身就是通过function 定义的一个函数对象,而函数对象可以构造对象,即new 了一个函数对象Object ,构造了对象o。 Array、Date 等都是同样的。 而Function对象却不一样 var f = new Function(); alert(typeof(f)); alert(f.constructor); 我们看到typeof(f)返回的是function,而不是object 而f.constructor返回的是 function Function(){ [native code] } 从上面可以看出new一个Function实际上是返回一个函数对象,而函数对象可以构造对象。我们再来看下面这个例子。 var f = newFunction("x", "y", "this.X=x; this.Y=y;"); var point = new f(5,6); alert(typeof(point)); alert(point.constructor); alert(point.X); 我们看到typeof(point)弹出的是object, 而point.constructor弹出的是: function anonymous(x, y){ this.X=x; this.Y=y; } 这种写法看起来有点变扭,但是细细梳理,其实并不难理解。 首先var f = newFunction("x", "y", "this.X=x; this.Y=y;"); 定义了一个函数对象f。这是匿名的函数对象,只是赋予了f,上面已经提到过。 而函数对象可以构造对象,var point = new f(5,6); 这里用函数对象f构造了一个新对象point,所以typeof(point)是object,point.constructor返回的是构造器,我们可以叫它为point对象的构造函数,它是匿名的所以返回的函数名是anonymous,如果把上面var f = newFunction("x", "y", "this.X=x; this.Y=y;"); 这句改成 function f(x,y){this.X=x; this.Y=y;}这句,那么point.constructor返回的将是function f(x,y){this.X=x;this.Y=y;}。这里就不是匿名函数了。
var huchen2=function(…){…};
var huchen3=function huchen4(…){…};
var huchen5=new Function();
alert(typeof(Function));
alert(typeof(new Function()));
alert(typeof(Array));
alert(typeof(Object));
alert(typeof(new Array()));
alert(typeof(new Date()));
alert(typeof(new Object()));
运行这段代码可以发现:前面4条语句都会显示“function”,而后面3条语句则显示“object”,可见new一个Function实际上是返回一个函数。这与其他的对象有很大的不同。其他的类型Array、Object等都会通过new操作符返回一个普通对象。尽管函数本身也是一个对象,但它与普通的对象还是有区别的,因为它同时也是对象构造器,也就是说,可以new一个函数来返回一个对象。所有typeof返回“function”的对象都是函数对象。也称这样的对象为构造器(constructor),因而,所有的构造器都是对象,但不是所有的对象都是构造器。
- 深入javascript function对象(一)
- 深入javascript function对象(二)
- 深入javascript function对象(三)
- Function深入解析一
- javascript 面向对象深入学习-----(一)
- javascript中的Function对象
- JAVASCRIPT OBJECT、FUNCTION对象
- JAVAScript ~Function对象
- javaScript内置对象Function
- JavaScript function对象
- 深入学习javascript(Function Array)
- 深入理解javascript的function
- javascript笔记:深入理解javascript的function
- 【JavaScript】Function类型是对象
- 笔记一:javascript 函数对象,普通对象Function Object的理解
- 深入javascript-封装对象
- JavaScript之Function函数深入总结
- JavaScript对象模型及Function对象
- epoll精髓
- 关于开发Pa个人助手的由来
- Tchar 和 char 之间的转换
- pku 1503
- 宇瞻8g微笑碟量产详细教程
- 深入javascript function对象(一)
- 深入javascript function对象(二)
- 深入javascript function对象(三)
- Tomcat、Websphere和Jboss类加载机制
- 奇怪的搞定了conficker.aa
- 翻倍黑马:掌握惯性理论 踩准股票涨跌节奏
- 注册
- SQL Server 索引结构及其使用(一)
- log4j