2024年 前端JavaScript入门到精通 第四天 笔记

4.1 函数的基本使用以及封装练习

★ 函数命名规范

4.2 函数的参数以及默认参数

函数的灵魂!!!

4.3 函数封装数组求和案例

4.4 函数返回值return

4.5 函数返回值细节以及上午总结

4.6 函数返回值案例-求最大值和最

4.7 函数复习以及断点进入函数

4.8 作用域

4.9 变量的访问原则

4.10 匿名函数之函数表达式

4.11 匿名函数之立即执行函数

4.12 综合家例-封装计算时间函数

4.13 逻辑中断

4.14 转换为布尔型以及作业

客观题

PC端地址:https://ks.wjx.top/vm/mC2UvoL.aspx#

主观题

练习题1:

请看以下代码,并说出执行的流程~~~

function printfInput(content) { // 将用户输入的内容, 在页面中显示document.write(content)
}
let constr = prompt('请输入内容')
printfInput(constr)

练习题2:

目标:求和函数封装练习

要求:

  1. 封装函数, 名字为sum
  2. 功能: 根据传入的两个数,求和并且返回求和的结果(函数必须有return返回值)

练习题3:

目的:  封装函数, 复习函数的基本写法。

需求:实现两个数的值交换(函数版本)

分析:

  1. 函数名为 changeNum()
  2. 调用函数时,  changeNum(1,2)
  3. 经过函数内部处理后,输出  第一个值的结果是2 第二个值的结果是1
  4. 可以多调用两次

练习题4:

目的: 复习函数的声明与调用

题目:封装余额函数

要求:

  1. 运行程序后, 浏览器显示输入确认框(prompt)
  2. 第一个输入确认框提示输入银行卡余额
  3. 第二个输入确认框提示输入当月食宿消费金额
  4. 第三个输入确认框提示输入当月生活消费金额
  5. 输入完毕后,在页面中显示银行卡剩余金额
  6. 提示: 所有功能代码封装在函数内部(函数需要把余额返回)

练习题5:

目标: 封装一个函数,可以求任意数组的和 或 平均值

要求:

  • 函数可以传递2个参数,比如  handleData(arr, true)      handleData 处理数据的意思
    • 参数一: 接受实参传递过来的数组
    • 参数二:    布尔类型  如果是true或者不传递参数 是求和操作,   如果传递过来的参数是 false 则是求平均值

拓展题1

需求:  封装 some 函数查看数组是否存在某个元素  。

  • 要传递2个参数 元素、数组
  • 如果数组存在元素则返回true,如果没有存在元素就返回 false

例如检测 香蕉  是否存在于  数组['苹果', '香蕉', '橘子', '荔枝', '梨子']中, 返回结果是 true

格式如下:

 function some(ele, arr = []) {// 里面写业务逻辑}
let re = some('荔枝', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
console.log(re) // true
let re1 = some('榴莲', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
console.log(re1) // false

拓展题2

需求:  封装 findeIndex 函数返回查找元素在数组中的索引号。

  • 要传递2个参数 元素、数组
  • 如果找到,则返回查找元素在数组中的索引号,如果查找不到,则返回 -1

例如检测 香蕉    数组['苹果', '香蕉', '橘子', '荔枝', '梨子']中, 返回结果是  1

格式如下:

 <script>// 封装函数返回元素的下标  [1, 5, 10, 22, 8, 7]// 1. 封装函数 findIndex,传递2个参数 元素、数组function findIndex(ele, arr = []) {// 里面写业务逻辑}let index1 = findIndex(10, [1, 5, 10, 22, 8, 7])console.log(index1) // 2let index2 = findIndex(8, [1, 5, 10, 22, 8, 7])console.log(index2) // 4let index3 = findIndex(88, [1, 5, 10, 22, 8, 7])console.log(index3) // -1</script>

排错题

排错题1

<!-- bug:请你找到代码返回NaN的原因,并进行修改 -->
<body><script>// 请返回一个数字型的结果 可以使用默认参数或者逻辑中断都可以function fn(x, y) {console.log(x + y)}fn(1)</script>
</body>

排错题2

<!-- bug:请你找到下面代码的2处错误,并进行修改过来-->
<body><script>// 任意数组求和案例function getsumArr(arr) {let sum = 0for (let i = 0; i < arr.legnth; i++) {sum + arr[i]}return sum}console.log(getsumArr([10, 20, 30, 40]))</script>
</body>

-----底部---

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/703621.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何在Linux搭建MinIO服务并实现无公网ip远程访问内网管理界面

文章目录 前言1. Docker 部署MinIO2. 本地访问MinIO3. Linux安装Cpolar4. 配置MinIO公网地址5. 远程访问MinIO管理界面6. 固定MinIO公网地址 前言 MinIO是一个开源的对象存储服务器&#xff0c;可以在各种环境中运行&#xff0c;例如本地、Docker容器、Kubernetes集群等。它兼…

挑战杯 基于机器视觉的12306验证码识别

文章目录 0 简介1 数据收集2 识别过程3 网络构建4 数据读取5 模型训练6 加入Dropout层7 数据增强8 迁移学习9 结果9 最后 0 简介 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 基于机器视觉的12306验证码识别 该项目较为新颖&#xff0c;适合作为竞赛课题方向…

Inno setup 打包jar包+前端dist+mysql+navicat等应用文件操作

目录 一、 使用exe4j将后端jar包打包成exe应用文件 1.创建一个新的工程 2.选择一个你想要存放的路径 3.进入配置界面 4.选择jar转换exe模式 5.自定义名字和选择输出路径 6.配置初始化 7.配置java环境 8.测试运行结果 二、Inno 打包应用文件exe 1.新建一个工程文件 2…

【hashmap】【将排序之后的字符串作为哈希表的键】【获取 HashMap 中所有值的集合】Leetcode 49 字母异位词分组

【hashmap】【将排序之后的字符串作为哈希表的键】【获取 HashMap 中所有值的集合】Leetcode 49 字母异位词分组 解法1 将排序之后的字符串作为哈希表的键解法2 在解法一的基础上加入了getOrDefault ---------------&#x1f388;&#x1f388;题目链接&#x1f388;&#x1f3…

从零开始手写mmo游戏从框架到爆炸(二十二)— 战斗系统三

导航&#xff1a;从零开始手写mmo游戏从框架到爆炸&#xff08;零&#xff09;—— 导航-CSDN博客 目录 地图设定 战斗引擎 服务端的BattleHandler 客户端的相关handler 战斗场景展示 执行效果 文接上一章。我们把战斗系统demo应用到实际的项目中来。在第十九章&#xf…

AI对话系统app开源

支持对接gpt&#xff0c;阿里云&#xff0c;腾讯云 具体看截图 后端环境&#xff1a;PHP7.4MySQL5.6 软件&#xff1a;uniapp 废话不多说直接上抗揍云链接&#xff1a; https://mny.lanzout.com/iKFRY1o1zusf 部署教程请看源码内的【使用教程】文档 欢迎各位转载该帖/源码

智慧公厕是什么?智慧公厕意义何在

随着城市化进程的加速&#xff0c;公厕成为城市管理中不容忽视的一环。智慧公厕传统的公厕管理方式已经无法满足当今社会的需求&#xff0c;因此智慧公厕的出现成为解决问题的利器。什么是智慧公厕&#xff1f;智慧公厕是实现公共厕所信息化、数字化、智慧化全方位管理与服务的…

啤酒:精酿啤酒与烧烤的热烈碰撞

在夏日的傍晚&#xff0c;烧烤与啤酒总是绝配。当Fendi Club啤酒遇上烧烤&#xff0c;它们将为我们带来一场热烈的美味碰撞。 Fendi Club啤酒&#xff0c;以其醇厚的口感和淡淡的麦芽香气而著称。这款啤酒在酿造过程中采用了特别的工艺&#xff0c;使得酒体呈现出诱人的金黄色&…

F2图例封装 - Bar

基于vue3 和 F2 3.5.0 <template><div :style"{minHeight: ${height}px,width: 100% }" ref"container"><canvas v-show"showChart" :id"chartId" class"chart-canval"></canvas><empty-box v-…

零感佩戴的开放式耳机,音质悦耳更耐听,西圣Air体验

每天都用蓝牙耳机的朋友应该不少&#xff0c;我平时也经常戴&#xff0c;不过最近我用的不是常规的入耳式耳机&#xff0c;因为它佩戴不舒适&#xff0c;戴久了耳朵特别难受。所以现在我换上了开放式耳机&#xff0c;这种耳机叫做OWS&#xff0c;我的这款是西圣Air&#xff0c;…

查看mysql数据库的版本

要查看MySQL数据库的版本&#xff0c;可以使用以下几种方法&#xff1a; 命令行&#xff08;已连接到MySQL服务器&#xff09;&#xff1a; 登录到MySQL服务器后&#xff0c;在MySQL提示符下执行&#xff1a; mysql> SELECT VERSION(); 或者&#xff0c;也可以执行 STATUS; …

Java异常梳理总结

目录 什么是异常 , 异常的分类 ? 异常的基本概念 什么是Throwable ? Throwable 类常用方法有哪些&#xff1f; Exception 和 Error 有什么区别&#xff1f; 运行时异常与一般异常有什么区别&#xff1f; 常见的RuntimeException 有哪些 ? NoClassDefFoundError 和 C…

面试总结之JVM入门

文章目录 &#x1f412;个人主页&#x1f3c5;JavaEE系列专栏&#x1f4d6;前言&#xff1a;&#x1f380;你为什么要学习JVM&#xff1f;&#x1f380;JVM的作用 &#x1f380;JVM的构成&#xff08;5大类&#xff09;&#x1f3e8;1.类加载系统&#x1f415;类什么时候会被加…

《业务建模驱动的企业架构转型白皮书》

当前&#xff0c;我国金融等国民经济重点行业和企业的数字化转型&#xff0c;仍存在战略落地难、业务技术协同难以及投入产出匹配难等问题&#xff0c;亟需通过实施企业架构&#xff0c;从顶层设计出发&#xff0c;制定符合自身需要的转型战略&#xff1b;从全局视角出发&#…

人工智能产生的幻觉问题真的能被看作是创造力的另一种表现形式吗?

OpenAI的首席执行官山姆奥特曼&#xff08;Sam Altman&#xff09;曾声称&#xff0c;人工智能产生的“幻觉”其实未尝不是一件好事&#xff0c;因为实际上GPT的优势正在于其非凡的创造力。 目录 一.幻觉问题的概念 二.幻觉产生的原因 三.幻觉的分类 四.减轻AI的幻觉问题到…

Windows部署WebDAV服务并映射到本地盘符实现公网访问本地存储文件

文章目录 前言1. 安装IIS必要WebDav组件2. 客户端测试3. 使用cpolar内网穿透&#xff0c;将WebDav服务暴露在公网3.1 安装cpolar内网穿透3.2 配置WebDav公网访问地址 4. 映射本地盘符访问 前言 在Windows上如何搭建WebDav&#xff0c;并且结合cpolar的内网穿透工具实现在公网访…

Qt QWidget 简约美观的加载动画 第四季

&#x1f60a; 第四季来啦 &#x1f60a; 效果如下: 只有三个文件,可以直接编译运行的 //main.cpp #include "LoadingAnimWidget.h" #include <QApplication> #include <QVBoxLayout> #include <QGridLayout> int main(int argc, char *argv[]) …

matlab 三质量-弹簧系统受激振力

1、内容简介 略 44-可以交流、咨询、答疑 建立系统运动方程&#xff0c;研究固有频率和对应主振型 2、内容说明 略 三质量&#xff0d;弹簧系统受激振力&#xff0c;并不考虑各自的阻尼。建立系统运动方程。 解&#xff1a;由于阻尼对固有频率没有影响&#xff0c;故本文不…

【蓝桥杯省赛真题25】python密室逃脱游戏 青少年组蓝桥杯比赛python编程省赛真题解析

目录 python密室逃脱游戏 一、题目要求 1、编程实现 2、输入输出