function对象都是Function的实例:

> Object.getOwnPropertyNames(Function)
[ 'length',
'name',
'arguments',
'caller',
'prototype' ]

所以function对象也应该有这些方法或者是属性:

<script type="text/javascript">
var myFunction = function func(name,age){
//请注意,直接调用这个函数的时候this指向谁
console.log(myFunction);
console.log(myFunction.length);
console.log(myFunction.name);
console.log(myFunction.arguments);
console.log(myFunction.caller);
console.log(myFunction.prototype);
}
myFunction.print = function(){
//调用这个myFunction对象的时候this指向的是myFunction这个函数对象,这个你必须搞明白
console.log(this);
console.log(this.length);
console.log(this.name);
console.log(this.arguments);
console.log(this.caller);
console.log(this.prototype);
}
myFunction.prototype.print_name = function(){
console.log('print_name');
}
myFunction('name',22);
myFunction.print();
</script>

所以如果你想要拓展函数,可以给函数添加一些方法:

var myFunction = function func(name,age){}
myFunction.print = function(){
console.log("name");
}
myFunction.print();

如果你想要让所有的函数都有某些属性,那就必须修改Function.prototype了

var myFunction = function func(name,age){}
Function.prototype.print = function(){
console.log("name");
}
myFunction.print();

把函数对象也当成对象,感觉特别不习惯,因为习惯上我会这样做(你让我想象一下,在java中类里面的方法也是对象,可以被调用,然后这个方法还可以有自己的属性,这是多么不可想象的):

var myFunction = function func(name,age){
this.name = name;
this.age = age;
}

我以为我的真的给这个函数对象添加了name和age属性,但是实际上你要这样做:

var myFunction = function func(){
}
myFunction.name = 'myFunction';
myFunction.age = 19;
console.log(myFunction.name);
console.log(myFunction.age);

这时候你就会发现它跟你创建的其他普通对象是不一样的,比如:

var MyObject = function func(){
this.name = 'name';
this.age = 20
}
var my = new MyObject()
console.log(my.age);

你会想怎么这种对象会这么奇特,不是跟function对象添加属性是一样的

Function.method('new', function ( ) {
// Create a new object that inherits from the
// constructor's prototype.
var that = Object.create(this.prototype);
// Invoke the constructor, binding –this- to
// the new object.
var other = this.apply(that, arguments);
// If its return value isn't an object,
// substitute the new object.
return (typeof other === 'object' && other) || that;
});

原因就是new这个操作符所做的操作跟上面这个函数是一样的

所以现在function对象跟其他的object对象就应该统一在一起了:

var myFunction = function func(){
}
myFunction.name = 'name';
myFunction.age = 29
myFunction.get_age = function(){
console.log(this.age);
}
myFunction.get_age();

函数还有一个特点就是他是可以被调用的,它被调用的时候this是根据上下文指向不同的对象

javascript中的function对象的更多相关文章

  1. Javascript学习之Function对象详解

    JavaScript中的Function对象,就是我们常说的函数对象.在JS中,所有的函数也是以对象的形式存在的. 语法 充当Function对象的构造函数使用,用于结合new关键字构造一个新的Fun ...

  2. JavaScript中的Function(函数)对象详解

    JavaScript中的Function对象是函数,函数的用途分为3类: 作为普通逻辑代码容器: 作为对象方法: 作为构造函数. 1.作为普通逻辑代码容器 function multiply(x, y ...

  3. javascript中的Function和Object

    写的很好,理解了很多,特此转发记录 转自:http://blog.csdn.net/tom_221x/archive/2010/02/22/5316675.aspx 在JavaScript中所有的对象 ...

  4. JavaScript中的事件对象

    JavaScript中的事件对象 JavaScript中的事件对象是非常重要的,恐怕是我们在项目中使用的最多的了.在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有 ...

  5. 浅谈JavaScript中的Function引用类型

    引言 在JavaScript中最有意思的就是函数了,这一切的根源在于函数实际上是一个对象.每一个函数都是Function类型的实例,而且都和其他引用类型的实例一样具有属性和方法.函数作为一个对象,因此 ...

  6. JavaScript中创建字典对象(dictionary)实例

    这篇文章主要介绍了JavaScript中创建字典对象(dictionary)实例,本文直接给出了实现的源码,并给出了使用示例,需要的朋友可以参考下 对于JavaScript来说,其自身的Array对象 ...

  7. Javascript学习1 - Javascript中的类型对象

    原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个 ...

  8. 详解javascript中的this对象

    详解javascript中的this对象 前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的 ...

  9. javascript中如何获取对象名

    javascript中如何获取对象名 一.总结 一句话总结:将对象传入参数,看参数是否为函数(js中的对象和函数是一个意思么(函数肯定是对象)),对象参数.name属性即可获得 //版本4 funct ...

随机推荐

  1. qt 5 界面美化

    大家都知道,用UI做起界面来非常方便,但是如果我们不熟练他的操作的话,做起来也会有不少布局的麻烦, 所以,我打算写一篇文章来记录自己参考大牛用代码写界面的文章,感谢百度,感谢各位QT大牛的帮助. 所谓 ...

  2. 条件编译用法(#ifndef #define #endif#else)

    1. 文件中的#ifndef 头件的中的#ifndef,这是一个很关键的东西.比如你有两个C文件,这两个C文件都include了同一个头文件.而编译时,这两个C文件要一同编译成一个可运行文件,于是问题 ...

  3. MongoDB 覆盖索引查询

    MongoDB 覆盖索引查询 官方的MongoDB的文档中说明,覆盖查询是以下的查询: 所有的查询字段是索引的一部分 所有的查询返回字段在同一个索引中 由于所有出现在查询中的字段是索引的一部分, Mo ...

  4. shell脚本中>/dev/null的含义

    shell脚本中>/dev/null的含义 shell脚本中有段使用sqlplus的部分: sqlplus ${user_id} <<! >/dev/null spool sp ...

  5. sass教程汇总

    Sass @at-root http://www.w3cplus.com/preprocessor/Sass-3-3-new-feature-at-root-bem.html Sass中连体符(&am ...

  6. win8.1中如何获得管理员权限步骤

    按WIN+R,运行对话框中输入gpedit.msc,开启组策略, 然后一步步地在"计算机配置"-"Windows 设置"-"安全设置"-&q ...

  7. 如何kill掉TaobaoProtect.exe

    C:\Users\Administrator\AppData\Roaming\TaobaoProtect TaobaoProtect.exe https://technet.microsoft.com ...

  8. 函数fsp_alloc_free_page

    从fsp中分配32个碎片页 /**********************************************************************//** Allocates ...

  9. WordPress Pretty Photo插件‘hashrel’参数跨站脚本漏洞

    漏洞名称: WordPress Pretty Photo插件‘hashrel’参数跨站脚本漏洞 CNNVD编号: CNNVD-201311-405 发布时间: 2013-11-28 更新时间: 201 ...

  10. Wordpress Jigoshop插件路径泄露漏洞

    漏洞名称: Wordpress Jigoshop插件路径泄露漏洞 CNNVD编号: CNNVD-201311-109 发布时间: 2013-11-12 更新时间: 2013-11-12 危害等级:   ...