【前端】JavaScript入门及实战51-55
文章目录
- 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">/* 函数：1. 函数也是…...
【引领未来智造新纪元：量化机器人的革命性应用】
在日新月异的科技浪潮中，量化机器人正以其超凡的智慧与精准的操作，悄然改变着各行各业的生产面貌，成为推动产业升级、提升竞争力的关键力量。今天，让我们一同探索量化机器人在不同领域的广泛应用价值，见证它如何以科技…...
山东航空小程序查询
山东航空小程序 1) 请求地址 https://scxcx.sda.cn/mohe/proxy?url/trp/ticket/search 2) 调用方式：HTTP post 3) 接口描述： 接口描述详情 4) 请求参数: {"dep": "TAO","arr": "HRB","flightDate&qu…...
MySQL添加索引时会锁表吗？
目录 简介Online DDL概念Online DDL用法总结 简介 在MySQL5.5以及之前的版本，通常更改数据表结构操作（DDL）会阻塞对表数据的增删改操作（DML）。 MySQL5.6提供Online DDL之后可支持DDL与DML操作同时执行，降低…...
算法日记day 16（二叉树的广度优先遍历|反转、对称二叉树）
一、二叉树的层序遍历 题目： 给你二叉树的根节点 root ，返回其节点值的 层序遍历 。 （即逐层地，从左到右访问所有节点）。 示例 1： 输入：root [3,9,20,null,null,15,7] 输出：[[3]…...
PolarisMesh源码系列--Polaris-Go注册发现流程
导语 北极星是腾讯开源的一款服务治理平台，用来解决分布式和微服务架构中的服务管理、流量管理、配置管理、故障容错和可观测性问题。在分布式和微服务架构的治理领域，目前国内比较流行的还包括 Spring Cloud，Apache Dubbo 等。在 Kubernete…...
vue3 vxe-grid修改currentPage，查询数据的时候，从第一页开始查询
1、当我们设置好VxeGrid.Options进行数据查询的时候,下面是可能的设置： const gridOptions reactive<BasicTableProps>({id: UserTable,showHeaderOverflow: false,showOverflow: true,keepSource: true,columns: userColumns,size: small,pagerConfig: {cur…...
电商数据集成之电商商品信息采集系统架构设计||电商API接口
一、引言 本架构设计文档旨在阐述基于 Selenium 的电商商品信息采集系统的整体架构，包括系统视图、逻辑视图、物理视图、开发视图和进程视图，并提供一个简单的采集电商商品信息的 demo。该系统通过模拟浏览器行为，实现对电商商品信息的自…...
Spring Cloud Stream 实现统一消息通信平台
1. 概述 Spring Cloud Stream：是Spring提供的消息通信框架，旨在构建跨不同消息中间件的统一通信平台。目的：通过消息通信机制降低分布式系统中服务间的耦合度，实现异步服务交互。 2. 消息通信与RPC RPC：远程过程调用…...
uniapp安卓plus原生选择系统文件
uniapp安卓plus原生选择系统文件 效果： 组件代码： <template xlang"wxml" minapp"mpvue"><view></view> </template> <script>export default {name: file-manager,props: {},data() {return {is…...
Go语言 Import导入
本文主要介绍Go语言import导入使用时注意事项和功能实现示例。 目录 Import 创建功能文件夹 加法 减法 主函数 优化导入的包名 .引入方法 总结 Import 创建功能文件夹 做一个计算器来演示，首先创建test文件夹。 加法 在test文件夹中创建add文件夹ÿ…...
一款异次元小清新风格的响应式wordpress个人博客主题
一款异次元小清新风格的响应式个人博客主题。这是一款专注于用户阅读体验的响应式 WordPress 主题，整体布局简洁大方，针对资源加载进行了优化。 Kratos主题基于Bootstrap和Font Awesome的WordPress一个干净，简单且响应迅速的博客主题&#x…...
【cocos creator】ts中export的模块管理
在 TypeScript（TS）中，export 和 import 的概念与 Java 中的 public 类、接口以及 import 语句有一些相似之处。可以用以下方式来类比理解： Export 在 TypeScript 中，export 用于将模块中的变量、函数、类等暴露给外部…...
QT JSON使用实例
下面是一个使用Qt框架的示例代码，展示如何获取仪器的状态，将其打包成JSON格式，保存到当前目录下的JSON文件中，然后通过FTP发送该文件。 1. 准备工作 确保你已经安装了Qt，并创建一个新的Qt Console项目或Qt Widgets项目…...
浅聊 Three.js 屏幕空间反射SSR-SSRShader
浅聊 Three.js 屏幕空间反射SSR(2)-SSRShader 前置基础 渲染管线中的相机和屏幕示意图 -Z (相机朝向的方向)||| -------------- <- 屏幕/投影平面| | || | || | (f) | <- 焦距| | ||…...
-DLG-C/C++ - 月历控件(MonthCalendar))
Windows图形界面(GUI)-DLG-C/C++ - 月历控件(MonthCalendar)
公开视频 -> 链接点击跳转公开课程博客首页 -> e链接点击跳转博客主页 目录 月历控件(MonthCalendar) 使用场景 控件操作 月历控件(MonthCalendar) 使用场景 日程安排：用户可以通过月历控件选择特定的日期来安排会议或活动。事件管理&#x…...
【Langchain大语言模型开发教程】基于文档问答
🔗 LangChain for LLM Application Development - DeepLearning.AI Embedding： https://huggingface.co/BAAI/bge-large-en-v1.5/tree/main 学习目标 1、Embedding and Vector Store 2、RetrievalQA 引包、加载环境变量 import osfrom dotenv import…...
大厂面试-基本功
大厂面试第4季 服务可用性多少个9是什么意思遍历集合add或remove操作bughashcode冲突案例BigdecimalList去重复IDEA Debugger测试框架ThreaLocal父子线程数据同步 InheritableThreadLocal完美解决线程数据同步方案 TransmittableThreadLocal 服务可用性多少个9是什么意思 遍历集…...
RV1103使用rtsp和opencv推流视频到网页端
参考： Luckfox-Pico/Luckfox-Pico-RV1103/Luckfox-Pico-pinout/CSI-Camera Luckfox-Pico/RKMPI-example Luckfox-Pico/RKMPI-example 下载源码 其中源码位置：https://github.com/luckfox-eng29/luckfox_pico_rtsp_opencv 使用git clone由于项目比较大&am…...
与Bug较量：Codigger之软件项目体检Software Project HealthCheck来帮忙
在软件工程师的世界里，与 Java 小程序中的 Bug 作战是一场永不停歇的战役。每一个隐藏在代码深处的 Bug 都像是一个狡猾的敌人，时刻准备着给我们的项目带来麻烦。 最近，我就陷入了这样一场与 Java 小程序 Bug 的激烈较量中。这个小程序原本应…...
Qt Widget类解析与代码注释
#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this); }Widget::~Widget() {delete ui; }//解释这串代码，写上注释 当然可以！这段代码是 Qt …...
质量体系的重要
质量体系是为确保产品、服务或过程质量满足规定要求，由相互关联的要素构成的有机整体。其核心内容可归纳为以下五个方面： 🏛️ 一、组织架构与职责 质量体系明确组织内各部门、岗位的职责与权限，形成层级清晰的管理网络…...
Python爬虫（二）：爬虫完整流程
爬虫完整流程详解（7大核心步骤实战技巧） 一、爬虫完整工作流程 以下是爬虫开发的完整流程，我将结合具体技术点和实战经验展开说明： 1. 目标分析与前期准备 网站技术分析： 使用浏览器开发者工具（F12&…...
土地利用/土地覆盖遥感解译与基于CLUE模型未来变化情景预测；从基础到高级，涵盖ArcGIS数据处理、ENVI遥感解译与CLUE模型情景模拟等
🔍 土地利用/土地覆盖数据是生态、环境和气象等诸多领域模型的关键输入参数。通过遥感影像解译技术，可以精准获取历史或当前任何一个区域的土地利用/土地覆盖情况。这些数据不仅能够用于评估区域生态环境的变化趋势，还能有效评价重大生态工程…...
tree 树组件大数据卡顿问题优化
问题背景 项目中有用到树组件用来做文件目录，但是由于这个树组件的节点越来越多，导致页面在滚动这个树组件的时候浏览器就很容易卡死。这种问题基本上都是因为dom节点太多，导致的浏览器卡顿，这里很明显就需要用到虚拟列表的技术&…...
C# 求圆面积的程序（Program to find area of a circle）
给定半径r，求圆的面积。圆的面积应精确到小数点后5位。 例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。 输…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...
【Linux】自动化构建-Make/Makefile
前言 上文我们讲到了Linux中的编译器gcc/g 【Linux】编译器gcc/g及其库的详细介绍-CSDN博客 本来我们将一个对于编译来说很重要的工具：make/makfile 1.背景 在一个工程中源文件不计其数，其按类型、功能、模块分别放在若干个目录中，mak…...
Linux部署私有文件管理系统MinIO
最近需要用到一个文件管理服务，但是又不想花钱，所以就想着自己搭建一个，刚好我们用的一个开源框架已经集成了MinIO，所以就选了这个 我这边对文件服务性能要求不是太高，单机版就可以 安装非常简单，几个命令就…...
《Docker》架构
文章目录 架构模式单机架构应用数据分离架构应用服务器集群架构读写分离/主从分离架构冷热分离架构垂直分库架构微服务架构容器编排架构什么是容器，docker，镜像，k8s 架构模式 单机架构 单机架构其实就是应用服务器和单机服务器都部署在同一…...