JavaScript学习-方法（函数）操作

最新推荐文章于 2022-10-31 18:59:08 发布

绝世小熊熊

最新推荐文章于 2022-10-31 18:59:08 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/lizengbao/article/details/83094061

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

一、创建

1.1 无参无返回值

1.1.1 语法

function 函数名(){
	//功能语句;
}

1.1.2 示例

function 函数名(){
	alert("弹出提示框了！");
}

1.2 无参有返回值

1.2.1 语法

function 函数名(){
	//功能语句;
}

1.2.2 示例

function 函数名(){
	var x=5;
	return x;
}

1.3 有参无返回值

1.3.1 语法

function 函数名(形参1,形参2){
	//功能语句;
}

1.3.2 示例

function 函数名(name){
	alert(name+"!"+"回家吃饭了！");
}

1.4 有参有返回值

1.4.1 语法

function 函数名(形参1,形参2){
	//功能语句;
	return ;
}

1.4.2 示例

function 函数名(a,b) {
	var sum = a + b;
	return sum;
}

二、调用

2.1 系统方法调用

2.1.1 无参调用

语法：对象.方法()

// 暂未找到

2.1.2 有参调用

语法：对象.方法(实参)

document.getElementById("cs").classList.add("colorRED");

2.2 函数调用

2.2.1 无参无返回值

语法：函数名()
示例：

<body>
	<button onclick="函数名()">点击这里</button>
	<script type="text/javascript">
		function 函数名(){
			alert("弹出提示框了！");
		}
		// =====JavaScript代码内部调用一。======
		var t = function 函数名(){
			//功能语句;
		}
		// =====JavaScript代码内部调用二。======
		var t = function() {
			//功能语句;
		}
	</script>
</body>

2.2.2 无参有返回值

语法：函数名()

function 函数名(){
	var x=5;
	return x;
}
var b = 函数名();
console.log(b);

2.2.3 有参无返回值

语法：函数名(实参1, 实参2)

function 函数名(name){
	alert(name+"!"+"回家吃饭了！");
}
函数名("小明");

2.2.4 有参有返回值

语法：函数名(实参1, 实参2)

<body>
	<input type="text" id="i1"/>
	<input type="text" id="i2" />
	<button onclick="result()">=</button>
	<input type="text" id="i3" />
	
	<script type="text/javascript">
		function result(){
			var a = parseInt(document.getElementById("i1"));
			var b = parseInt(document.getElementById("i2"));
			// 调用函数sum，并传值a和b。
			document.getElementById("i3").value = sum(a,b); 
		}
		function sum(numberOne,numberTwo) {
			var total = numberOne + numberOne;
			// 返回值为total。
			return total;
		}
	</script>
	
</body>