www.baike369.com
百科369 > JS教程 > JavaScript函数

JavaScript函数



JavaScript函数

函数是完成特定任务的语句段,当需要重复使用某种任务时,就应该把用到的语句组织成函数。这样,在JavaScript程序的任何位置,都可以通过引用其名称来执行。程序员可以在程序中建立很多函数,这样,有利于组织自己的应用程序的结构,使程序代码的维护与修改更容易。

JavaScript函数概述

JavaScript函数就是命名的语句块,它可以重复运行多次。


JavaScript函数介绍

函数其实就是一段JavaScript代码。在JavaScript中,函数可以分为用户自定义函数和系统函数两类。

JavaScript什么是函数

在编写程序时,为了方便日后的维护以及使程序更好地结构化,通常都会把一些重复使用的代码独立出来,这些独立出来的代码块就是函数。

JavaScript函数的定义

在JavaScript中,必须使用function关键字来定义一个函数。

JavaScript定义函数的注意事项

定义一个函数并不难,但是在定义函数时,有以下几点是需要注意的:函数名要易读易懂。

JavaScript函数的嵌套定义

在JavaScript 2和ECMAScript v1以前,不允许函数进行嵌套定义,这也意味着,函数的定义只能出现在顶层的全局代码中。

JavaScript使用Function()构造函数

在JavaScript 1和ECMAScript v1中,除了可以使用function语句来定义函数之外,还可以使用Function()构造函数来定义函数。

JavaScript使用Function()构造函数与使用function语句的区别

使用Function()构造函数可以定义一个函数。

JavaScript在表达式中定义函数

除了function语句和Function()构造函数可定义函数之外,还可以在表达式中直接定义函数。

JavaScript中定义函数的三种方法的比较

在JavaScript中,定义函数的方法有三种:第一种是使用function语句定义函数。


JavaScript调用函数

JavaScript在函数定义的时候,不会执行函数体中的语句,只有在调用函数的时候,才会执行。因此,在定义了函数之后,最重要的是如何去调用函数。

JavaScript直接调用无返回值的函数

在JavaScript中,有很多无返回值的函数,调用这种无返回值的函数都使用两种方法:直接调用 事件处理直接调用对于无返回值的函数。

JavaScript中无返回值的函数调用

如果函数没有返回值或调用程序不关心函数的返回值,可以使用下面的格式调用已经定义的函数:实例下面是利用一个函数来显示对用户的问候的例子。

JavaScript中有返回值的函数及其调用

如果调用程序需要函数的返回值,则要用下面的格式来调用:实例在下面的程序中,定义了一个求阶乘的函数,返回所求的阶乘结果,最后通过一个变量对其进行调用并显示。

JavaScript将函数的返回值赋给变量

并不是所有函数都没有返回值,对于有返回值的函数通常都会将返回值赋给变量,否则,返回值就没有任何意义了。

JavaScript将函数的返回值赋给对象属性或数组元素

函数的返回值不但可以赋给变量,还可以赋给对象的属性或者数组元素,其赋值方式与赋值给变量类似。

JavaScript调用函数的综合应用

下面举例介绍定义函数的方法与调用函数的方法的综合应用。


JavaScript函数的参数

在函数中,函数的参数的作用十分重要,只有通过函数参数,才能让函数在处理数据时更为灵活。

JavaScript传递的函数参数类型与函数中所需要的数据类型不符

将参数传递给函数,在JavaScript中是一件很重要的事情,如果参数传递得不正确,那么函数执行起来可能就会发生一些意想不到的问题。

JavaScript传递的函数参数个数与函数定义的参数个数不匹配

通常情况下,在调用函数时传递的参数的个数都会与定义函数时所定义的参数个数相同,但JavaScript也不会去检测传递的参数个数与定义的参数个数是否相同。

JavaScript判断传递的函数参数的个数

在JavaScript中调用函数时,如果传递的参数个数与函数定义的参数个数不同,则往往会有可能产生一些意想不到的错误。

JavaScript函数获得实际传递的参数的值

arguments对象除了可以用来判断实际传递的参数个数之外,还可以获得实际传递的参数的值。

JavaScript函数使用arguments对象获得实际传递的参数个数和值

在某些情况下,有可能函数所接收的参数个数并不是固定的。


JavaScript函数的递归调用

在JavaScript中,函数是可以递归调用的,只要在递归时注意不要引起死循环即可。

JavaScript使用函数名的递归调用

使用函数名的递归调用方法,即在函数体内通过使用该函数名来对该函数进行调用的一种方法。

JavaScript函数使用arguments对象的callee属性的递归调用

在JavaScript中,arguments对象的callee属性的作用是引用当前正在执行的函数。


JavaScript函数的属性与方法

在JavaScript中,函数也是一个对象。既然函数是对象,那么函数也拥有自己的属性与方法。

JavaScript函数使用length属性定义参数的个数

函数的length属性与arguments对象的length属性不一样。

JavaScript函数使用prototype属性引用原型对象

在JavaScript中,每个函数都拥有一个prototype属性,该属性的作用是引用原型对象。

JavaScript函数使用caller属性判断函数的调用情况

定义函数的作用就是为了让程序可以调用该函数,要不然,定义的函数是起不了任何作用的。

JavaScript函数自定义属性

函数也可以拥有自己的属性,这一点和对象有点像。

JavaScript函数的call()方法

在JavaScript中,每个函数都拥有一个call()方法,使用该方法可以像调用其它对象的方法一样来调用某个函数。

JavaScript函数的apply()方法

apply()方法与call()方法类似,使用该方法也可以像调用其它对象的方法一样调用某个函数。


JavaScript系统函数

在JavaScript中,有很多系统内置的函数,如数学函数等,这些函数可以实现很多不同的功能。

JavaScript编码函数escape()

escape()函数的作用是返回对一个字符串编码后的结果字符串。

JavaScript解码函数unescape()

unescape()函数与escape()函数相反。

JavaScript中URI编码处理函数encodeURI()

encodeURI()函数返回一个对URI字符串编码后的结果。

JavaScript中URI解码处理函数decodeURI()

与encodeURI()方法相反,decodeURI()函数将一个已编码的URI字符串解码成最原始的字符串并返回。

JavaScript求值函数eval()

eval()函数将某个参数字符串作为一个JavaScript表达式执行。

JavaScript数值判断函数isNaN()

在JavaScript中,如果对非数字型变量进行数值运算,比如两个字符串相除,将会返回NaN。

JavaScript整数转换函数parseInt()

在JavaScript中,可以使用parseInt()函数将二进制、八进制或十六进制的数据转换成十进制数据。

JavaScript浮点转换函数parseFloat()

parseFloat()函数与parseInt()函数不同,该函数的作用是将字符串数据转换成浮点数据,即小数的形式。

JavaScript使用isNaN()函数检测parseInt()和parseFloat()函数的返回值

在JavaScript中,可以使用isNaN()方法检测parseInt()函数和parseFloat()函数的返回值是否为数字。

Copyright© 2011-2016 www.baike369.com All Rights Reserved