锋盈数科-知识库 Logo
首页
软件开发
计算机基础
Hello Halo
新手必读
关于本知识库
登录 →
锋盈数科-知识库 Logo
首页 软件开发 计算机基础 Hello Halo 新手必读 关于本知识库
登录
  1. 首页
  2. 软件开发
  3. JavaScript 函数

JavaScript 函数

0
  • 软件开发
  • 发布于 2024-09-26
  • 0 次阅读
黄健
黄健

1.JavaScript 函数的概念

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

一种引用数据类型。

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

2.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();


3.JavaScript 函数的参数

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

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

// 带参数的函数声明

function 函数名(形参 1,形参 2,形参 3…) {

//函数体

}

// 带参数的函数调用

函数名(实参 1,实参 2,实参 3…);

函数的返回值:

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

// 声明函数

function 函数名() {

// 函数体

return 需要返回的值;

// 函数遇到 return 会停止执行,并返回指定的值

// 如果函数没有 return 返回的值是 undefined

}

// 调用函数

函数名(); //此时调用函数就可以得到函数体内 return 的值

break,continue,return 的区别:

break: 结束当前的循环体 (如 for、while)

continue: 跳出本次循环 继续执行下次循环

return: 不仅可以终止当前函数体内的代码,还能返回 return 语句后面的值。


原文链接: https://blog.csdn.net/hexadecimal_001/article/details/137051461

标签: #前端 145 #JavaScript 80
相关文章

万字:支付“核心系统”详解 2024-11-02 15:33

专栏作者:隐墨星辰 \| 主编:陈天宇宙 这篇文章也尝试化繁为简,探寻支付系统的本质,讲清楚在线支付系统最核心的一些概念和设计理念。 虽然支付行业已经过了风头最劲的时光,但跨境支付仍然在蓬勃发展,每年依然有很多新人进入这个行业,这篇文章尝试为这些刚入行的新人提供一点帮助。 文章只介绍一些支付行业十几

资深支付架构师视角:实战从问题定义到代码落地的完整套路 2024-11-02 15:33

前言 今天从一个实际案例入手,介绍站在架构师的角度,如何识别并定义问题,提炼需求,技术方案选型,再到详细设计,最后利用AI的能力协助写出核心的代码,验证与调优。 解决问题存在一定的模式,也可以称之为框架,总结出自己的思考和解题框架,以后再碰到同类型的问题就可以如庖丁解牛一样容易。 很多年前,我写代码

Spring 实现 3 种异步接口 2024-10-18 09:07

大家好,我是苏三~ 如何处理比较耗时的接口? 这题我熟,直接上异步接口,使用 Callable、WebAsyncTask 和 DeferredResult、CompletableFuture等均可实现。 但这些方法有局限性,处理结果仅返回单个值。在某些场景下,如果需要接口异步处理的同时,还持续不断地

重学SpringBoot3-集成Redis(五)之布隆过滤器 2024-10-08 11:24

更多SpringBoot3内容请关注我的专栏:《SpringBoot3》 期待您的点赞👍收藏⭐评论✍ 重学SpringBoot3-集成Redis(五)之布隆过滤器 1. 什么是布隆过滤器? * 基本概念 适用场景 2. 使用 Redis 实现布隆过滤器 * 项目依赖 Redis 配置

设计模式第16讲——迭代器模式(Iterator) 2024-10-08 11:24

一、什么是迭代器模式 迭代器模式是一种行为型设计模式,它提供了一种统一的方式来访问集合对象中的元素,而不是暴露集合内部的表示方式。简单地说,就是将遍历集合的责任封装到一个单独的对象中,我们可以按照特定的方式访问集合中的元素。 二、角色组成 抽象迭代器(Iterator):定义了遍历聚合对象所需的方法

vue2路由和vue3路由区别及原理 2024-10-08 11:24

一、Vue2 与 Vue3 路由的区别 1. 创建路由实例方式的不同 Vue 2 中,通过 Vue.use() 注册路由插件,并通过 new VueRouter() 来创建路由实例。 import Vue from 'vue';import VueRouter from 'vue-router';i

目录

IT 外包服务商

  • 意见投递
  • zyf6619

软件开发应用

主菜单

  • 首页
  • 软件开发
  • 计算机基础
  • Hello Halo
  • 新手必读
  • 关于本知识库
Copyright © 2024 your company All Rights Reserved. Powered by Halo.