细说javascript函数从函数的构成开始_基础知识-js教程-PHP中文网

细说javascript函数从函数的构成开始_基础知识

php中文网

发布： 2016-05-16 17:23:51

原创

1558人浏览过

javascript函数是一个比较奇怪的东西，接触一段时间你就会犯迷糊，弄不明白它到底是什么了。你是否会因为有的javascript函数没有名字而莫名其妙，是否会因为javascript函数的参数没有类型而抓狂，是否为javascript函数以表达式的形态存在而彻底崩溃。正是因为有了这些烦恼才让javascript函数值得我们寻味，我想从函数的构成来细说函数，这听起来像是一句废话，讲任何东西当然是从构成去谈，但是由于javascript函数你确实捉摸不了它的形态，因此这里我是从一个标准函数的构成来细说。

1.函数名
在面向对象语言中，函数一般都有名称，但javascript函数不一定，这类函数称为匿名函数或者函数直接量。它就像是一个表达式，然后这个表达式的左值即可以用来调用函数，也可以存储在变量中传递给其它的函数。它的好处就是不用每次调用的时候创建新的对象。

PHP高级开发技巧与范例

PHP是一种功能强大的网络程序设计语言，而且易学易用，移植性和可扩展性也都非常优秀，本书将为读者详细介绍PHP编程。全书分为预备篇、开始篇和加速篇三大部分，共9章。预备篇主要介绍一些学习PHP语言的预备知识以及PHP运行平台的架设；开始篇则较为详细地向读者介绍PKP语言的基本语法和常用函数，以及用PHP如何对MySQL数据库进行操作；加速篇则通过对典型实例的介绍来使读者全面掌握PHP。本书

486

查看详情

复制代码代码如下:

 
var f= function (x) {return x*x;}; 
alert( f(6) ); 

以上例子就会在页面上弹出窗口显示36

2.参数
javascript函数的参数也比较神奇，调用javascript函数时如果填写的参数和函数定义的参数不一致（例如个数不一致），程序不会出错，有时甚至能调用成功，这对于java语言是无法想象的，但javascript函数可以做到。例如上面的例子，我们这样调用：

复制代码代码如下:

alert(f(6,7))

结果仍然是36。虽然这样不会出错，但是我们仍然想函数被正确的调用，保证调用时和函数定义的参数数目一致。通过Arguments对象可以获取函数调用者的参数数目。修改上述代码。

复制代码代码如下:

 
var f= function (x) { 
if(arguments.length>1) { 
return "out of range"; 
} else { 
return x*x; 
} 
}; 
alert( f(6,7) ); 

处理获取函数调用者的参数数目，还可以获取到这些参数的值，将上述代码再进行一番修改：

复制代码代码如下:

 
var f= function (x) { 
if(arguments.length>1) { 
return arguments[0]*arguments[1]; 

复制代码代码如下:

 
} else { 
return x*x; 
} 
}; 
alert( f(6,7) ); 

你能猜出结果是多少吗？对，是42。

大家都在看：

如何实现javascript代码分割_动态导入如何提升加载性能 javascript错误如何处理_try-catch能捕获所有异常吗？如何理解JavaScript异步迭代_如何遍历异步数据源 Javascript的箭头函数是什么_它有什么优势和限制？ Javascript的new操作符是什么_它背后做了什么？