11月14日函数的定义
1.11月3日前端需要学习的知识、自闭合标签、meta标签、div标签2.11月6日标题标签、图片标签、链接标签、段落标签3.11月6日列表、标题、表格、基本、块级标签以及特殊符号4.11月7日form表单与input框以及select标签5.11月7日css介绍、基本格式、样式、选择器6.11月8日字体的属性7.11月9月label标签补充8.11月9月字体的属性2以及div模块的另一种用法9.11月9日背景属性10.11月9日边框11.11月9日display属性12.11月10日css盒子模型的margin和padding属性13.11月10日浮动float以及清除浮动clear14.11月10日overflow属性以及圆形头像的制作15.11月10月高度和长度的另外四种情况16.11月10日定位属性17.11月10日模态框和透明18.11月12日基础的网页设计以及阴影的设计box-shadow属性19.11月12日js的基础引入和注释20.11月13日js语言常量与变量21.11月13日js数据类型以及常见的方法22.11月13日布尔值(Boolean)23.11月13数组以及数组常用发法24.11月14日i++以及++i以及逻辑运算符25.11月14日流程控制26.11月14日三元运算
27.11月14日函数的定义
28.11月15日函数作用域和闭包函数29.11月16日自定义对象类型30.12月27日JSON对象31.12月29日正则对象32.12月29日正则对象33.2024-1-2bom对象34.2024-1-2 DOM概念以及部分用法35.2024-1-4事件36.2024-1-17 jq的简介、基础语法、选择器、部分操作37.2024-1-18文档处理38.2024-1-19事件绑定，input与hover事件39.2024-1-19阻止事件40.2024-1-19事件冒泡41.2024-1-22页面加载和事件委托42.2024-1-22动画效果和部分方法函数的定义
1.普通函数定义
基本格式
function functionName(parameters) {
// 函数体
// 可以包含多条语句;
}
例子如下
function fun() {
console.log('hello,word')
}
fun()
效果如图
2.带参数的函数
基本格式
function functionName(parameter1, parameter2, /* ... */) {
// 函数体，可以使用参数进行操作
// ...
return /* some value or result */;
}
function：关键字用于声明函数。functionName：函数的名称，根据需要命名。(parameter1,parameter2,/*…*/)：括号内是参数列表，你可以在这里列出函数需要接受的参数。参数是函数内部可以使用的变量，可以有多个参数，用逗号分隔。{}：大括号内是函数体，包含了实际的执行代码。return：可选的关键字，用于从函数中返回一个值。
例子如下：
// 带参函数
function fun(a, b){
console.log("参数a", "+", "参数b结果为", a+b)
}
fun(1,2)
效果如图
、
3.带返回值的函数
基本格式
function functionName(parameters) {
// 函数体;
// 可以包含多条语句;
return//用于返回值
}
例子代码
function fun() {
var a = 1;
var b = 2;
return (a+b);
}
console.log(fun());
效果如图
在调用时可以直接fun()来使用，但是因为return的原因需要使用输出的形式。
4.匿名函数方式
基本格式
var add = function(x, y) {
return x + y;
};
这里，function(x,y){return x+y;}就是一个匿名函数，通过函数表达式的方式赋值给变量add。就是这个函数方法是匿名的，看似是add的功能实际是function定义的函数实现的。
例子代码
// 匿名函数
var fun=function(x,y){
console.log(x+y);
};
fun(1,2)
效果如图
5.箭头函数
基本格式如下
var f = v => v; // 等同于
var f = function(v){
return v;
}
例子如下
// 箭头函数
var f = () => 5;
console.log(f());
效果如图
然后就是带参数的情况
效果如图
6.立刻执行函数
基本格式为
// 立刻执行函数
(function (a,b){
console.log(a,b)//这里返回参数
var c = a+b;//这里是在函数内部的运算
console.log(c)
})(1,2,);
书写立即执行函数，书写立即执行的函数，首先需要两个括号()()第一个括号内是函数体，第二个括号用于传参数。
7.传多个参数函数
基本格式为
// 多个参数
function fuc(a,...b){
console.log(a,b)
}
fuc(1,2,3,4,5,6)
这里的省略号就代表除了第一个参数外的其它参数。
8.函数体内用arguments关键字接收所有的参数
arguments是一个在js函数中自动创建的局部变量。它包含传递给函数的参数的类似数组的对象。arguments对象有一个length属性，指示传递给函数的参数数量。
基本格式
function exampleFunction() {
console.log(arguments);
}
作用：
-
访问传递给函数的参数。
-
不像命名参数一样限制参数的数量，允许你编写可以接受任意数量参数的函数。
使用方式：
- 通过索引访问参数，类似于数组。例如，
arguments[0]表示第一个参数。 - 使用
length属性获取传递给函数的参数数量。
例子如下
// 关键字arguments
function fun(){
console.log(arguments);
console.log("第一参数是:",arguments[0]);
console.log("第二参数是:", arguments[1]);
console.log("第三参数是:",arguments[2]);
console.log("总共传递了",arguments.length,"的数量");
}
fun("123", "456", "789")
效果如图
arguments关键字就是那些传进来参数的值。
