JavaScript函数基础:定义、返回值与参数处理详解
本文详解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);
2下一页阅读全文
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
