24-(函数)函数初识

七色的天空

已于 2023-08-21 21:47:26 修改

阅读量64

点赞数

分类专栏： 04_JavaScript 文章标签： javascript 前端开发语言

于 2023-08-21 21:41:35 首次发布

本文链接：https://blog.csdn.net/q506174602/article/details/132417389

版权

04_JavaScript 专栏收录该内容

121 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>函数初识</title>
</head>
<body>
	<script>
		// 1. 什么是函数 ? y = ax^2 + bx + c
		 
		 // 求0-20的和
		var sum1 = 0;
		for(var i = 0; i <=20; i++) {
			sum1 += i;
		}
		console.log('sum1----', sum1);

		// 求15-45的和
		var sum2 = 0;
		for(var j = 15; j <= 45; j++) {
			sum2 += j;
		}
		console.log('sum2----', sum2);

		// 引入函数 解决重复性的操作
		function getSum(start, end) {
			var sum = 0;
			for(var i = start; i <= end; i++) {
				sum += i;
			}
			console.log(sum);
		}
		getSum(15, 45);
		console.log(getSum); // 调用函数时 在函数名后面加();
		// 总结: 什么是函数 为了实现特定功能,可以重复调用的一段可执行的代码
		// 函数是我们封装的以方法, 只在需要的时候调用即可
	</script>

	<script>
		var func;
		/*
		2.函数的使用
		2.1 使用过程
			-- 创建函数
				第一种:函数声明 
					语法: 
					function 函数名() {
						函数体代码
					}
					例子: 上面的getSum();
				第二种:函数表达式
					语法: 
					var 函数名 = function() {
						函数体代码
					}
					ps: 如果我们用该方法创建函数时, 不带var func,此时该函数称之为 匿名函数;匿名函数无法直接被调用,一般配合事件或者是作为返回值使用
					function() {
						console.log(123);
					}
				第三种:函数对象(构造函数)
			-- 调用函数
				在函数名后面加();
		 */
		var func = function(start, end) {
			// 函数表达式
			var sum = 0;
			for(var i = start; i <= end; i++) {
				sum += i;
			}
			console.log('函数表达式', sum);
		}
		func(0, 100);

		function Animal(name, color) {
			console.log('动物的名称是', name);




			
		}
		// 第三种
		var foo = new Animal(name, color);
		
	</script>
</body>
</html>