当前位置： 首页 > news >正文

【前端】JavaScript入门及实战51-55

news 2026/5/13 22:30:15

文章目录

  • 51 函数
  • 52 函数的参数
  • 53 返回值
  • 54 练习
  • 55 return

51 函数

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	函数：1. 函数也是一个对象2. 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）3. 函数中可以保存一些代码在需要的时候调用4. 使用typeof检查一个函数对象时，会返回function		*/{console.log("我是第一行");console.log("我是第二行");console.log("我是第三行");}// 我们在实际开发中很少使用构造函数来创建一个函数对象// 创建一个函数对象// 可以将要封装的代码以字符串的形式传递给构造函数var fun = new Function("console.log('hello 这是第一个函数');");// 封装到函数的代码不会立即执行// 函数中的代码会在函数调用的时候执行// 调用函数：语法：函数对象()// 当调用函数时，函数中封装的代码会按照顺序执行fun();fun.hello = "你好";/*使用函数声明来创建一个函数（[]代表可选的）语法：function 函数名([形参1，形参2，...，形参N]){语句。。。}*/function fun2(){console.log("hello 这是第二个函数");alert("哈哈哈");document.write("啦啦啦");}// console.log(log2);fun2();/*使用函数表达式来创建一个函数var 函数名 = function([形参1，形参2，...，形参N]){语句。。。		}*/// 匿名函数function(){console.log("我是匿名函数");}// 给变量赋值（函数）var fun3 = function(){console.log("我是匿名函数");};fun3();
</script>
<style>
</style>
</head>
<body>
</body>
</html>

52 函数的参数

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	定义一个用来求两个数和的函数可以在函数的()中指定一个或多个形参（形式参数）多个形参之间使用“,”隔开，声明形参就相当于在函数内部声明了对应的变量但是并不赋值		*/function sum(a, b){console.log(a + b);}/*在调用函数时，可以在()中指定实参（实际参数）实参将会赋值给函数中对应的实参*/sum(1, 1);/*调用函数时解析器不会检查实参的类型要注意，是否有可能接收到非法的参数，如果有可能则需要对参数进行类型的检查函数的实参可以是任意的数据类型*/sum(123, "hello"); // 123hellosum(true, false); // 1/*调用函数时，解析器也不会检查实参的数量多余实参不会被赋值如果实参的数量少于形参的数量，则没有对象实参的形参将是undefined*/sum(123, 456, true, null);sum(123); // NaN，123 + undefined
</script>
<style>
</style>
</head>
<body>
</body>
</html>

53 返回值

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	创建一个函数，用来计算三个数的和可以使用return设置函数的返回值语法：return 值return后的值将会作为函数的执行结果返回可以定义一个变量来接收该结果在函数中return后的语句都不会执行如果return语句后不跟任何值就相当于返回一个undefined如果函数中不写return，则也会返回undefined*/function sum(a, b, c){//alert(a + b + c);var d = a + b + c;return d;}// 调用函数// 变量res的值就是函数的执行结果// 函数返回什么res的值就算什么var res = sum(4, 8, 9);var result = alert("hello"); // 没有返回值，返回undefined
</script>
<style>
</style>
</head>
<body>
</body>
</html>

54 练习

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	定义一个函数，判断一个数字是否是偶数，如果是返回true，否则返回false	*/function judge(a){return a % 2 == 0;}var res = judge(2);/*定义一个函数，可以根据半径计算一个圆的面积，并返回计算结果*/function s(r){return r * r * Math.PI;}/*创建一个函数，可以在控制台中输出一个人的信息可以输出人的name age gender address实参可以是任意的数据类型，也可以是一个对象当我们的实参过多时，可以将参数封装到一个对象中，然后通过对象传递*/function sayHello(name, age, gender, address){console.log("我是 "+ name + ",今年我" + age + "岁了，" + "我是一个" + gender + "人，" + "我住在" + address);}sayHello("猪八戒", 28, "男", "高老庄");//创建一个对象var obj = {name: "孙悟空",age: 18,gender: "男",address: "花果山"};function sayHello(o){console.log("我是 "+ o.name + ",今年我" + o.age + "岁了，" + "我是一个" + o.gender + "人，" + "我住在" + o.address);}sayHello(obj);/*实参可以是一个对象，也可以是一个函数*/function fun(a){//a(obj);console.log(a);}fun(sayHello);fun(function(){alert("hello")})fun(s); // s：函数对象fun(s(10)); //s()：调用函数，函数返回值作为参数传入
</script>
<style>
</style>
</head>
<body>
</body>
</html>

55 return

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	使用break可以退出当前循环使用continue可以跳过当次循环使用return可以结束整个函数*//*返回值可以是任意的数据类型也可以是一个对象，也可以是一个函数*/function fun(){var obj = {name: "沙和尚"};return obj}var a = fun();console.log(a.name); // 沙和尚function fun2(){//在函数内部声明一个函数function fun3(){alert("我是fun3");}//fun3();return fun3;//return fun3(); // 返回alert()也就是undefined}a = fun2(); // a是fun3()a(); // 执行alertfun2()(); // 同上	
</script>
<style>
</style>
</head>
<body>
</body>
</html>

相关文章：

【前端】JavaScript入门及实战51-55

文章目录 51 函数52 函数的参数53 返回值54 练习55 return 51 函数 <!DOCTYPE html> <html> <head> <title></title> <meta charset "utf-8"> <script type"text/javascript">/* 函数&#xff1a;1. 函数也是…...

编程日记 2024/7/22 18:06:48

【引领未来智造新纪元：量化机器人的革命性应用】

在日新月异的科技浪潮中&#xff0c;量化机器人正以其超凡的智慧与精准的操作&#xff0c;悄然改变着各行各业的生产面貌&#xff0c;成为推动产业升级、提升竞争力的关键力量。今天&#xff0c;让我们一同探索量化机器人在不同领域的广泛应用价值&#xff0c;见证它如何以科技…...

编程日记 2024/7/22 17:58:38

山东航空小程序查询

山东航空小程序 1) 请求地址 https://scxcx.sda.cn/mohe/proxy?url/trp/ticket/search 2) 调用方式&#xff1a;HTTP post 3) 接口描述&#xff1a; 接口描述详情 4) 请求参数: {"dep": "TAO","arr": "HRB","flightDate&qu…...

编程日记 2024/7/22 17:54:33

MySQL添加索引时会锁表吗？

目录 简介Online DDL概念Online DDL用法总结 简介 在MySQL5.5以及之前的版本&#xff0c;通常更改数据表结构操作&#xff08;DDL&#xff09;会阻塞对表数据的增删改操作&#xff08;DML&#xff09;。 MySQL5.6提供Online DDL之后可支持DDL与DML操作同时执行&#xff0c;降低…...

编程日记 2024/7/22 17:53:32

算法日记day 16（二叉树的广度优先遍历|反转、对称二叉树）

一、二叉树的层序遍历 题目&#xff1a; 给你二叉树的根节点 root &#xff0c;返回其节点值的 层序遍历 。 &#xff08;即逐层地&#xff0c;从左到右访问所有节点&#xff09;。 示例 1&#xff1a; 输入&#xff1a;root [3,9,20,null,null,15,7] 输出&#xff1a;[[3]…...

编程日记 2024/7/22 17:50:28

PolarisMesh源码系列--Polaris-Go注册发现流程

导语 北极星是腾讯开源的一款服务治理平台&#xff0c;用来解决分布式和微服务架构中的服务管理、流量管理、配置管理、故障容错和可观测性问题。在分布式和微服务架构的治理领域&#xff0c;目前国内比较流行的还包括 Spring Cloud&#xff0c;Apache Dubbo 等。在 Kubernete…...

编程日记 2024/7/22 17:46:23

vue3 vxe-grid修改currentPage，查询数据的时候，从第一页开始查询

1、当我们设置好VxeGrid.Options进行数据查询的时候,下面是可能的设置&#xff1a; const gridOptions reactive<BasicTableProps>({id: UserTable,showHeaderOverflow: false,showOverflow: true,keepSource: true,columns: userColumns,size: small,pagerConfig: {cur…...

编程日记 2024/7/22 17:40:14

电商数据集成之电商商品信息采集系统架构设计||电商API接口

一、引言 本架构设计文档旨在阐述基于 Selenium 的电商商品信息采集系统的整体架构&#xff0c;包括系统视图、逻辑视图、物理视图、开发视图和进程视图&#xff0c;并提供一个简单的采集电商商品信息的 demo。该系统通过模拟浏览器行为&#xff0c;实现对电商商品信息的自…...

编程日记 2024/7/22 17:39:12

Spring Cloud Stream 实现统一消息通信平台

1. 概述 Spring Cloud Stream&#xff1a;是Spring提供的消息通信框架&#xff0c;旨在构建跨不同消息中间件的统一通信平台。目的&#xff1a;通过消息通信机制降低分布式系统中服务间的耦合度&#xff0c;实现异步服务交互。 2. 消息通信与RPC RPC&#xff1a;远程过程调用…...

编程日记 2024/7/22 17:37:10

uniapp安卓plus原生选择系统文件

uniapp安卓plus原生选择系统文件 效果&#xff1a; 组件代码&#xff1a; <template xlang"wxml" minapp"mpvue"><view></view> </template> <script>export default {name: file-manager,props: {},data() {return {is…...

编程日记 2024/7/22 17:34:07

Go语言 Import导入

本文主要介绍Go语言import导入使用时注意事项和功能实现示例。 目录 Import 创建功能文件夹 加法 减法 主函数 优化导入的包名 .引入方法 总结 Import 创建功能文件夹 做一个计算器来演示&#xff0c;首先创建test文件夹。 加法 在test文件夹中创建add文件夹&#xff…...

编程日记 2024/7/22 17:32:04

一款异次元小清新风格的响应式wordpress个人博客主题

一款异次元小清新风格的响应式个人博客主题。这是一款专注于用户阅读体验的响应式 WordPress 主题&#xff0c;整体布局简洁大方&#xff0c;针对资源加载进行了优化。 Kratos主题基于Bootstrap和Font Awesome的WordPress一个干净&#xff0c;简单且响应迅速的博客主题&#x…...

编程日记 2024/7/22 17:31:03

【cocos creator】ts中export的模块管理

在 TypeScript&#xff08;TS&#xff09;中&#xff0c;export 和 import 的概念与 Java 中的 public 类、接口以及 import 语句有一些相似之处。可以用以下方式来类比理解&#xff1a; Export 在 TypeScript 中&#xff0c;export 用于将模块中的变量、函数、类等暴露给外部…...

编程日记 2024/7/22 17:28:00

QT JSON使用实例

下面是一个使用Qt框架的示例代码&#xff0c;展示如何获取仪器的状态&#xff0c;将其打包成JSON格式&#xff0c;保存到当前目录下的JSON文件中&#xff0c;然后通过FTP发送该文件。 1. 准备工作 确保你已经安装了Qt&#xff0c;并创建一个新的Qt Console项目或Qt Widgets项目…...

编程日记 2024/7/22 17:24:55

浅聊 Three.js 屏幕空间反射SSR-SSRShader

浅聊 Three.js 屏幕空间反射SSR(2)-SSRShader 前置基础 渲染管线中的相机和屏幕示意图 -Z (相机朝向的方向)||| -------------- <- 屏幕/投影平面| | || | || | (f) | <- 焦距| | ||…...

编程日记 2024/7/22 17:20:50

Windows图形界面(GUI)-DLG-C/C++ - 月历控件(MonthCalendar)

公开视频 -> 链接点击跳转公开课程博客首页 -> e​​​​​​链接点击跳转博客主页 目录 月历控件(MonthCalendar) 使用场景 控件操作 月历控件(MonthCalendar) 使用场景 日程安排&#xff1a;用户可以通过月历控件选择特定的日期来安排会议或活动。事件管理&#x…...

编程日记 2024/7/22 17:19:49

【Langchain大语言模型开发教程】基于文档问答

&#x1f517; LangChain for LLM Application Development - DeepLearning.AI Embedding&#xff1a; https://huggingface.co/BAAI/bge-large-en-v1.5/tree/main 学习目标 1、Embedding and Vector Store 2、RetrievalQA 引包、加载环境变量 import osfrom dotenv import…...

编程日记 2024/7/22 17:18:48

大厂面试-基本功

大厂面试第4季 服务可用性多少个9是什么意思遍历集合add或remove操作bughashcode冲突案例BigdecimalList去重复IDEA Debugger测试框架ThreaLocal父子线程数据同步 InheritableThreadLocal完美解决线程数据同步方案 TransmittableThreadLocal 服务可用性多少个9是什么意思 遍历集…...

编程日记 2024/7/22 17:17:45

RV1103使用rtsp和opencv推流视频到网页端

参考&#xff1a; Luckfox-Pico/Luckfox-Pico-RV1103/Luckfox-Pico-pinout/CSI-Camera Luckfox-Pico/RKMPI-example Luckfox-Pico/RKMPI-example 下载源码 其中源码位置&#xff1a;https://github.com/luckfox-eng29/luckfox_pico_rtsp_opencv 使用git clone由于项目比较大&am…...

编程日记 2024/7/22 17:15:43

与Bug较量：Codigger之软件项目体检Software Project HealthCheck来帮忙

在软件工程师的世界里&#xff0c;与 Java 小程序中的 Bug 作战是一场永不停歇的战役。每一个隐藏在代码深处的 Bug 都像是一个狡猾的敌人&#xff0c;时刻准备着给我们的项目带来麻烦。 最近&#xff0c;我就陷入了这样一场与 Java 小程序 Bug 的激烈较量中。这个小程序原本应…...

编程日记 2024/7/22 17:13:41

Angular+Claude协同开发全栈实践（企业级项目落地手册）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;AngularClaude协同开发全栈实践&#xff08;企业级项目落地手册&#xff09; 在现代企业级应用开发中&#xff0c;前端框架与AI辅助编程的深度集成正成为提效关键。Angular 提供结构化、可扩展的单页应…...

编程新知 2026/5/13 21:49:08

NextPy全栈框架：用Python构建AI智能体Web应用

1. 项目概述&#xff1a;当AI智能体遇上全栈Web开发最近在开源社区里&#xff0c;一个名为dot-agent/nextpy的项目引起了我的注意。作为一名长期在Web开发和AI应用落地之间“反复横跳”的开发者&#xff0c;我深知将AI能力&#xff0c;特别是智能体&#xff08;Agent&#xff0…...

编程新知 2026/5/13 21:16:25

簧片继电器可靠性设计与关键技术解析

1. Reed Relay可靠性设计的关键技术解析簧片继电器&#xff08;Reed Relay&#xff09;作为电子系统中的关键切换元件&#xff0c;其可靠性直接影响整个设备的长期稳定性。与传统电磁继电器相比&#xff0c;簧片继电器具有独特的结构优势和技术特点。本文将深入剖析提升簧片继电…...

编程新知 2026/5/13 21:06:16

AI文本检测技术解析：从原理到实践，如何有效识别AI生成内容

1. 项目概述&#xff1a;为什么我们需要“避开AI写作”&#xff1f;最近在GitHub上看到一个挺有意思的项目&#xff0c;叫“avoid-ai-writing”。光看名字&#xff0c;你大概就能猜到它的核心诉求&#xff1a;帮助人们识别和规避由AI生成的内容。作为一个写了十几年东西的人&am…...

编程新知 2026/5/13 20:36:44

如何利用libui-node生态构建跨平台桌面应用：Proton-Native和Vuido深度解析

如何利用libui-node生态构建跨平台桌面应用&#xff1a;Proton-Native和Vuido深度解析 【免费下载链接】libui-node Node bindings for libui, an awesome native UI library for Unix, OSX and Windows 项目地址: https://gitcode.com/gh_mirrors/li/libui-node libui-…...

编程新知 2026/5/13 19:35:40

华大HC32F4A0 RS485通信避坑指南：从PCLK时钟疑惑到DMA地址偏移的完整排错记录

HC32F4A0 RS485实战&#xff1a;从时钟配置到DMA接收的工程化实现 调试华大半导体的HC32F4A0芯片进行RS485通信时&#xff0c;时钟配置、USART初始化和DMA接收这三个环节最容易出现隐蔽性问题。本文将结合具体工程案例&#xff0c;分享如何规避PCLK时钟分频陷阱、解决RTOF标志异…...

编程新知 2026/5/13 19:25:01

luci-app-aliddns：5分钟搞定动态IP远程访问，让家庭网络永不掉线

luci-app-aliddns&#xff1a;5分钟搞定动态IP远程访问&#xff0c;让家庭网络永不掉线 【免费下载链接】luci-app-aliddns OpenWrt/LEDE LuCI for AliDDNS 项目地址: https://gitcode.com/gh_mirrors/lu/luci-app-aliddns 你是否曾经因为家庭宽带的动态IP地址而无法稳定…...

编程新知 2026/5/13 18:42:23

5个关键技巧：掌握AutoJs6界面布局设计的最佳实践

5个关键技巧&#xff1a;掌握AutoJs6界面布局设计的最佳实践 【免费下载链接】AutoJs6 安卓平台 JavaScript 自动化工具 (Auto.js 二次开发项目) 项目地址: https://gitcode.com/gh_mirrors/au/AutoJs6 AutoJs6作为安卓平台领先的JavaScript自动化工具&#xff0c;其界面…...

编程新知 2026/5/13 18:16:51

5分钟快速上手：FigmaCN免费中文界面插件终极指南

5分钟快速上手&#xff1a;FigmaCN免费中文界面插件终极指南 【免费下载链接】figmaCN 中文 Figma 插件&#xff0c;设计师人工翻译校验 项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN 还在为Figma的英文界面而烦恼吗&#xff1f;想要专注于设计创意却被语言障碍…...

编程新知 2026/5/13 17:34:27

ACUPS电源的技术指标怎么看？搞懂这几个参数，选型不踩坑

买ACUPS&#xff08;交流不间断电源&#xff09;时&#xff0c;说明书上一堆技术参数让人眼花缭乱。其实&#xff0c;搞懂输入指标和输出指标这两大类&#xff0c;就能判断一台ACUPS的性能好坏。下面用大白话给你讲清楚。一、输入指标&#xff1a;ACUPS“吃”电的本事输入指标决…...

编程新知 2026/5/13 16:38:39