浅析JS中对函数function的理解(基础篇)
正文我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。,函数名实际上是指向函数对象的指针,不与某个函数绑定。在常见的两种定义方式(见下文)之外,还有一种定义的方式能更直观的体现出这个概念
var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐
Function的构造函数可以接收任意数量的参数,但一个参数始终被看做函数体。这种方式有个缺点是,会导致解析两次代码,第一次是基础的ES代码解析,第二次是解析传入构造函数中的字符串,这样会导致性能的下降,在此写出是帮助理解js中函数其实是对象这个概念。
(一)js函数没有重载的概念
说到重载的概念,我们来类比Java中的重载是怎么实现的在Java中,方法是通过方法签名来唯一标识一个方法。方法签名包括方法名、参数数量、参数顺序和参数类型这几个要素。两个方法的方法名相同,而其他签名要素不同,编译器就会认为是两个不同方法,从而可以存在同名的不同方法,以实现重载的概念。(引用怎么深入理解js中为什么没有重载呢--segmentfault 中manxisuo的回答)。
而上面我们说过,js中的函数名实际上是指向函数对象的指针,函数名可以说是一个函数的唯一标识,跟参数列表并没有关系,并不会出现同名的两个函数(因为一个指针只能指向一个对象)从而不存在重载的概念。 举个栗子
function sum(num1, num2){ return num1 + num2; } function sum(num1, num2, num3){ return num1 + num2 + num3; }
上面这种可以换一种写法,会更直观一些
var sum = function(num1, num2){ return num1 + num2; } sum = function(num1, num2, num3){ return num1 + num2 + num3; }
这样就很明显可以看出,上面一行将sum指向function(num1,num2),而接下来又将sum指向function(num1, num2, num3),从而造成第二次的指向覆盖了第一次的,更明显的看出js中并没有重载的概念。
(二)函数声明和函数表达式的区别
我们知道,常用的定义函数方法有两个函数声明和函数表达式。
函数声明,可以说是最常见的定义方法,如下例
function sum(num1, num2){ return num1 + num2; }
函数表达式,这种定义方式在闭包及一些框架中使用较多,例如angular中常见的$scope.doSomething = function(){...}
sum = function(num1, num2){ return num1 + num2; };
上述两种定义方法几乎是相同的,但有一点小区别,请看狼蚁网站SEO优化这个例子
//函数声明 alert(sum(100, 100)); function sum(num1, num2){ return num1 + num2; } //函数表达式 alert(sum(100, 100)); var sum = function(num1, num2){ return num1 + num2; };
这两段代码看起来差别不大,只是函数定义的方式不同而已。但事实是,第一段可以正常运行而第二段则会报错。这是因为,在代码开始执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。简单来说,解析器会先将函数声明放在源代码树的顶部。而狼蚁网站SEO优化那段代码,函数位于一个初始化语句中(并不会将其提升到顶部),简单来说,在执行到这个赋值语句之前,sum并未指向任何一个函数,在之前调用函数则会报错。
以上所述是长沙网络推广给大家介绍的JS中函数function的理解(基础篇),希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程