函数

1. 函数名。

函数即对象,函数名是指针(指针变量)。

每个函数都是Function类型的实例。

函数名是指针,不会与某个函数绑定。也就是说,函数名(实际是个存了指针的变量)里的指针可以被修改,而函数也可以有多个函数名。

函数名本身就是变量,也可以作为值来使用,所以一个函数可以作为另一个函数的参数,也可以作为返回值

注意,使用不带圆括号的函数名是访问函数指针,而非调用函数。要访问某个函数而不执行函数的话,直接访问不带小括号的函数名即可。

2.函数属性和方法。

函数内部有:2个特殊对象arguments和this;4个属性caller、length、prototype、constructor;9个方法call()、apply()、bind()、valueOf()、toLocaleString()、toString()、isPrototypeOf()、hasOwnProperty()、propertyIsEnumerable()。

(1).arguments。

这是一个对象,用来访问维护函数参数的数组。

访问数组元素用[],arguments[0]是函数的第一个参数。访问数组长度用length属性(不是方法),arguments.length可知命名参数的个数。

arguments永远与对应的命名参数同步,包括值和个数

arguments对象与命名参数虽然同步,但存储空间是独立的

没有传递值的命名参数被自动赋予undefined值。

arguments的length由调用函数时传入的参数数目决定,而不是定义函数时命名参数的个数。

所以,如果命名参数有两个,但输入参数只有一个,则arguments.length为1,且手动赋值arguments[1]=12;也不会传给第二个命名参数,第二个命名参数的值还是默认的undefined。例如:

function sum(num1, num2){

    arguments[1]=120;

    return  num1+num2;

}

sum(10);//输出NaN,因为num2的值为undefined

分析:

sum.length值为2。命名参数有两个,num1和num2,所以函数sum期望在被调用时输入两个参数。

arguments.length的值为1。sum函数被调用时传入的参数只有一个,所以为1。

num2的值为undefined。调用sum函数时,传入的参数只有一个,所以num2为默认的undefined。即使函数中有arguments[1]=120,也无法传给num2。

sum(10)返回NaN,因为num1为10,num2为undefined,10+undefined得到NaN。


arguments的属性和方法:

length,属性,获取命名参数个数。

callee,属性,是一个指针,指向本arguments对象的函数。可用于消除紧密耦合(例如,阶乘函数递归方法优化)。

caller,属性,非严格模式下始终为undefined,严格模式下访问它会导致错误。


(2). this。

this引用的是函数执行的环境对象。

在全局作用域调用函数时,this对象引用的是window。(执行环境为全局环境)

(3).caller。

函数的caller属性保存调用当前函数的函数引用。(实践经验,不知对否)需要在本函数内使用时才返回当前本函数的函数引用(理解为“保存此时调用本函数的函数名”)。例如,


function myFunction(a,b){

     add10(a);

     alert(add10.caller);//最后弹出,输出为“null”。

     return a*b;

}

function add10(c){

     alert(arguments.callee.caller);//第二个弹出,

                                                //输出myFunction()的定义语句。即本程序前5行。

     alert(add10.caller);//第三个弹出,输出与第二个一样

     return c+10;

}

alert(add10.caller);//首先弹出,输出“null”


(4). length。

表示函数期望被调用时传入的参数个数,其实也就是定义时命名参数的个数。

与arguments对象的length不同,函数的length是期望在被调用是传入的参数个数(期望个数),而arguments.length是实际调用时传入参数的个数(实际个数)。

(5). prototype。

(6).constructor。从对象Object那里继承来的属性。

(7).apply()。

接收两个参数,第一个是运行函数的作用域(即设置本函数的this值);第二个是函数的参数数组(可以是Array实例,也可以是arguments对象)。

设置函数体内this对象的值,使得函数在特定的作用域调用。例如,

function  sum(num1, num2){ return num1+num2;}

function   callSum(num1, num2){

    return   sum.apply(this, arguments);//这个和argumentsthis是callSum函数的。

}


(8).call()。

与apply()一样的用途,只是call接受参数的方式不同,第一个参数为运行函数的作用域(即设置本函数的this值);后面的参数为函数的所有参数(必须明确传入所有参数,所有)。


apply()和call()的真正用途其实是扩充函数的作用域。例如,

window.color="red";

var o={color:"blue"};

function  sayColor(){ alert(this.color); }

sayColor();  //"red"

sayColor.call(this);  //"red"

sayColor.call(this);  //"red"

sayColor.call(o);  //"blue"


(9).bind()。

将bind()中的值绑定给函数的this值。

例如,同样是上述代码,在加上如下代码后,执行objectSayColor函数,输出的为blue,因为this值绑定了o:

var objectSayColor=sayColor.bind(o);

objectSayColor();  //"blue"


(10).valueOf()。从对象Object那里继承来的方法。

(11).toLocaleString()。从对象Object那里继承来的方法。

(12). toString()。从对象Object那里继承来的方法。

(13).isPrototypeOf(object)。从对象Object那里继承来的方法。

(14). hasOwnProperty(propertyName)。从对象Object那里继承来的方法。

(15).propertyIsEnumerable(propertyName)。从对象Object那里继承来的方法。



1. 函数声明。

函数使用function关键字声明,在代码执行之前,解析器通过一个函数声明提升的过程,读取并将函数声明添加到执行环境中

对代码求值时,JavaScript引擎在第一遍会函数声明并将它们放到源代码树的顶部。所以函数调用在函数声明之前也没有问题。

函数表达式没有函数声明提升的过程,所以调用函数表达式定义的函数时,必须在函数表达式的后面。

也可以将函数声明与函数表达式同时使用,例如,var  sum=function sum(){}。但是这种语法在Safari中会导致错误。

函数声明与函数表达式在其他方面没有区别。

函数声明

函数表达式

方法定义

箭头函数

函数生成器

函数构造器

HTML中?算定义还是声明?

2.函数定义。

定义函数的方法有多种:

(1).使用function声明的方式定义。

(2). 使用函数表达式定义函数。

var  sum = function(num1,num2){return  num1+num2};

(3).使用Function构造函数定义函数(不推荐,因为这回导致解析两次代码,第一次解析常规代码,第二次解析传入构造函数的字符串)。

Function构造函数可以接收任意数量的参数,但最后一个参数始终被看成函数体。用Function定义函数的格式,例如,

var sum=new  Function("num1", "num2", "return  num1+num2");

3.函数表达式。

4.函数参数。

函数不介意传进来的参数的个数和类型,即便定义的参数只有两个,也可以传入零个、一个、两个、三个、四个、更多个参数。

ECMScript中的函数参数在内部用一个数组来表示的,函数接收的是这个数组,并不关心数组中是否有元素,有几个元素。

可通过arguments对象(不是Array的实例)访问这个数组,数组第一个元素(第一个参数)用arguments[0]访问,第二个用arguments[1]访问。

可以通过arguments的length属性获知有多少个参数传给了函数,arguments.length。

arguments对象中的值与对应命名参数一致,但是他们的内存空间时独立的。

没有传递值的命名参数将自动被赋予undefined值。

5.函数返回值。

函数在执行return语句后立即退出并返回返回值,一定有返回值,没有指定返回值时返回undefined。

6.函数自调用。

7.没有函数重载。

没有函数重载,如果定义了两个同名函数,则名字只属于后面定义的函数。

为什么JS函数没有重载?原因有两个

(1).没有函数签名。其他函数通过函数签名(传入参数的类型和数量)来实现函数重载,但是JS函数的参数由一个数组维护(数组通过arguments对象访问),并不介意参数了个数、类型,所以没有重载。

(2).函数名实际上是指向函数对象的指针,与包含对象指针的其他变量没有区别。命名多个同名函数时,只是将后面的指针覆盖前面的指针存在函数名里(函数名就像个变量一样)。所以没有重载。

8.Function构造函数。

9. 函数内部属性。

10.函数属性和方法。(函数即对象)

11. 箭头函数(ES6)。

12.回调函数。

13. 函数生成器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,525评论 0 5
  • 函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。 概述 函数的声明 JavaSc...
    oWSQo阅读 1,245评论 0 4
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,118评论 0 13
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 844评论 0 0
  • 春色三分,一分在这高挂的赤轮,一分在这初破的杏花,还有一分便是操场边那喜欢格子衫的女孩。
    我心向水丶阅读 65评论 0 0