JavaScript函数基础:定义、返回值与参数处理详解

作者:木棉

时间:2026-10-23

浏览:245

本文详解JavaScript函数的核心概念,包括使用function语句与函数直接量两种定义方式的区别。重点解析函数返回值的机制,说明未显式返回时默认返回undefined的情况。同时深入探讨JavaScript宽松类型语言中参数传递的特性,分析多余或缺少参数时的处理逻辑,并提供使用逻辑或运算符处理可选参数的实用技巧。

文章目录

JavaScript函数基础定义

1,函数:


函数是一段被定义一次但可被多次调用的JavaScript代码块。


当函数作为对象的一个属性被调用时,该函数被称为该对象的方法。



function cssrain( x , y)


{

//code


}

解释:


cssrain:函数名称;


( ):运算符;


x , y:参数;



函数返回值机制

2,函数的返回值:


function a(x){


document.write(x);


}

function b(y){


document.write(y);


return y;


}

alert( a(1) ) //因为没写return,所以返回undefined


alert( b(2) )



函数定义方式:语句与直接量

3 function语句和函数直接量:


function f(x) { return x * x ;} //



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



第一种是通过function语句创建,第二种是通过函数直接量定义表达式,这种方式创建的是匿名函数。


虽然直接量可以定义匿名函数,但也可以指定函数名;


比如:



var f = function fact(x){ return x * fact(x-1) ;} //这样做的好处; 调用自身非常爽。



函数命名规范

4 函数命名:


function like_this(){}


或者 function likeThis(){} //驼峰式



函数参数处理与技巧

5 函数的参数:


由于JavaScript是一种宽松类型语言,参数不需要指定数据类型。参数数量也可以多也可以少,


比如: function x(a,b){} //我们写了2个参数


如果我们传了3个参数,JavaScript会自动忽略掉多余的参数;


实例:


function x(a,b){


document.write(a+ " "+b);


} 

x(1,2,3,4);



如果我们只传了一个参数,会出现什么情况呢?


function x(a,b){


document.write(a+ " "+b);


} 

x(1);


我们发现输出 了undefined,所以JavaScript会把少的参数赋予undefined;


这样可能会引起程序错误。


解决:


function x(a,b){


var b = b || " "; // 这个是或运算符,如果前面的b为undefined,也就是false,他会取后面的空字符


document.write(a+ " "+b);


} 

x(1);


1

2下一页阅读全文

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章