JavaScript函数

简介: JavaScript函数

函数: 封装一段可被重复调用执行的代码块,通过函数可以实现大量代码的重复使用。函数

也是一种引用数据类型。

简单来说函数就是一个容器,可以封装一些代码, 在需要时再执行这些代码

函数的使用:

创建函数(常用):

通过 function 关键字声明函数,又叫做 命名函数

function 函数名() {
// 函数体代码
}
// function 是声明函数的关键字,必须小写
// 函数名 命名为动词形式 例: getSum

通过函数表达式定义函数,又叫做 匿名函数

let fun = function() {
// 函数体代码
};
// fun 是变量名,不是函数名
// fun 是变量,只不过变量存储的是函数


调用函数:

// 函数内的代码一般不会自动执行,需要调用这个函数
函数名();
// 函数表达式创建的函数可以通过变量名来调用
变量名();

函数的封装:

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接

口(函数名)。

//例用封装函数计算 1-100 累加和
function getSum() {
let num = 0; // 准备一个变量,保存累加和
for (let i = 1; i <= 100; i++) {
num += i; // 把每个数值 都累加到变量中
}
console.log(num);
}
// 调用函数
getSum();

函数的参数:

形参:函数定义时候,传递的参数 ( 实参值会传递给形参 , 相当于不用声明的变量 )

实参:函数调用时候,传递的参数

// 带参数的函数声明
function 函数名(形参 1,形参 2,形参 3...) {
//函数体
}
// 带参数的函数调用
函数名(实参 1,实参 2,实参 3...);

函数的返回值:

返回值:函数调用后返回的数据;函数执行完成后可以通过 return 语句将指定数据返回。

// 声明函数
function 函数名() {
// 函数体
return 需要返回的值;
// 函数遇到 return 会停止执行,并返回指定的值
// 如果函数没有 return 返回的值是 undefined
}
// 调用函数
函数名(); //此时调用函数就可以得到函数体内 return 的值


相关文章
|
13小时前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
14小时前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
1天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
1天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
11 0
|
1天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
11 1
|
1天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
11 2
|
1天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
7 1
|
1天前
|
JavaScript 前端开发 索引
js的includes函数
js的includes函数
13 1
|
1天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
1天前
|
JavaScript 前端开发
js的filter函数
js的filter函数
11 1
http://www.vxiaotou.com