【前端】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>

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

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

相关文章

PCI-X与PCI的优缺点

PCI-X与PCI的优缺点

PCI-X总线改变了PCI总线使用的传送协议。目标设备可以将主设备发送的命令锁存&#xff0c;然后在下一个时钟周期进行译码操作。与PCI总线事务相比&#xff0c;PCI-X总线采用的这种方式&#xff0c;虽然在总线时序中多使用了一个时钟周期&#xff0c;但是可以有效提高PCI-X总线的…
阅读更多...
【手撕数据结构】把玩顺序表

【手撕数据结构】把玩顺序表

目录 顺序表介绍初始化顺序表销毁顺序表打印顺序表增加数据头插尾插指定位置下标插入 删除顺序表元素尾删头删指定位置删除 顺序表介绍 顺序表是⽤⼀段物理地址连续的存储单元依次存储数据元素的线性结构&#xff0c;⼀般情况下采⽤数组 线性结构又是什么意思&#xff0c;这就…
阅读更多...
【性能优化】在大批量数据下使用 HTML+CSS实现走马灯，防止页面卡顿(一)

【性能优化】在大批量数据下使用 HTML+CSS实现走马灯，防止页面卡顿(一)

切换效果 页面结构变化 1.需求背景 项目首页存有一个小的轮播模块,保密原因大概只能这么展示,左侧图片右侧文字,后端一次性返回几百条数据(开发环境下,生产环境只会更多).无法使用分页解决,前端需要懒加载防止页面卡顿 写个小demo演示,如下 2.解决思路 获取到数据后,取第一…
阅读更多...
二、链表（2）

二、链表（2）

24. 两两交换链表中的节点 法一&#xff1a;迭代&#xff0c;while循环&#xff0c;注意要获取next给变量&#xff0c;得先判断非null, 需要4个变量&#xff0c; n0是前&#xff0c;n1 n2是交换的两&#xff0c;n3是n2的下一个可能为空&#xff0c;这种先把变量保存起来&#…
阅读更多...
Leetcode1688. 比赛中的配对次数

Leetcode1688. 比赛中的配对次数

问题描述&#xff1a; 给你一个整数 n &#xff0c;表示比赛中的队伍数。比赛遵循一种独特的赛制&#xff1a; 如果当前队伍数是 偶数 &#xff0c;那么每支队伍都会与另一支队伍配对。总共进行 n / 2 场比赛&#xff0c;且产生 n / 2 支队伍进入下一轮。如果当前队伍数为 奇…
阅读更多...
接口测试总结（非标准）

接口测试总结（非标准）

为什么要做接口测试&#xff1f; 答&#xff1a;接口测试是为了检测系统组件间接口的正确性和稳定性&#xff0c;以及检查数据的交换、传递和控制管理过程&#xff0c;以及系统间的相互逻辑依赖关系等。接口测试可以帮助我们发现系统中的潜在问题&#xff0c;确保系统的稳定性…
阅读更多...
CSP-J模拟赛day1

CSP-J模拟赛day1

yjq的吉祥数 文件读写 输入文件 a v o i d . i n avoid.in avoid.in 输出文件 a v o i d . o u t avoid.out avoid.out 限制 1000ms 512MB 题目描述 众所周知&#xff0c; 这个数字在有些时候不是很吉利&#xff0c;因为它谐音为 “散” 所以yjq认为只要是 的整数次幂的数…
阅读更多...
JavaWeb连接(JDBC)数据库实现增删改查

JavaWeb连接(JDBC)数据库实现增删改查

JavaWeb连接(JDBC)数据库实现增删改查 1、数据库结构 (1)、创建数据库&#xff08;source_db&#xff09; (2)、创建数据表&#xff08;tb_source&#xff09;&#xff0c;结构如下 字段名说明字段类型长度备注id编号int主键&#xff0c;自增&#xff0c;增量为 1name名称v…
阅读更多...
前端面试 vue 按钮级的权限控制

前端面试 vue 按钮级的权限控制

方案一 按钮权限也可以用v-if判断 但是如果页面过多&#xff0c;每个页面页面都要获取用户权限role和路由表里的meta.btnPermissions&#xff0c;然后再做判断 这种方式就不展开举例了 方案二 使用自定义指令实现 按钮级的权限控制 思维导图 心就是自定义指令的书写 首先…
阅读更多...
【算法】TopK问题超详解

【算法】TopK问题超详解

TopK算法 TopK问题基本框架就是&#xff1a; 从n个数中&#xff0c;找出最大&#xff08;或最小&#xff09;的前k个数。 在我们生活中&#xff0c;经常会遇到TopK问题 比如大众点评的必吃榜&#xff1b;成绩单的前十名&#xff1b;各种数据的最值筛选&#xff1b; [外链图片…
阅读更多...
【人工智能】Transformers之Pipeline（四）：零样本音频分类（zero-shot-audio-classification）

【人工智能】Transformers之Pipeline（四）：零样本音频分类（zero-shot-audio-classification）

​​​​​​​ 目录 一、引言 二、零样本音频分类&#xff08;zero-shot-audio-classification&#xff09; 2.1 概述 2.2 意义 2.3 应用场景 2.4 pipeline参数 2.4.1 pipeline对象实例化参数​​​​​​​ 2.4.2 pipeline对象使用参数 2.4 pipeline实战 2.5 模…
阅读更多...
【MySQL】：对库和表的基本操作方法

【MySQL】：对库和表的基本操作方法

数据库使用的介绍 什么是SQL 学习数据库的使用——>基于 SQL编程语言 来对数据库进行操作 重点表述的是“需求”&#xff0c;期望得到什么结果。&#xff08;至于结果是如何得到的&#xff0c;并不关键&#xff0c;都是数据库服务器在背后做好了&#xff09; 重点表述的是…
阅读更多...
线程之间的通信

线程之间的通信

第一题 #include <stdio.h> #include <string.h> #include <stdlib.h> #include <stdarg.h> #include <sys/types.h> #include <sys/stat.h> #include <fcntl.h> #include <unistd.h> #include <dirent.h> #include <…
阅读更多...
蔡司小乐圆：护航青少年视力健康，专业应对近视挑战

蔡司小乐圆：护航青少年视力健康，专业应对近视挑战

在科技日新月异的今天&#xff0c;电子产品已深度融入青少年的日常&#xff0c;为生活带来便利的同时&#xff0c;也悄然间对他们的视力构成了威胁。近视&#xff0c;这一日益严峻的健康问题&#xff0c;正牵动着无数家庭的心弦。蔡司眼镜&#xff0c;作为眼镜行业的领军者&…
阅读更多...
7月21日，贪心练习

7月21日，贪心练习

大家好呀&#xff0c;今天带来一些贪心算法的应用解题、 一&#xff0c;柠檬水找零 . - 力扣&#xff08;LeetCode&#xff09; 解析&#xff1a; 本题的贪心体现在对于20美元的处理上&#xff0c;我们总是优先把功能较少的10元作为找零&#xff0c;这样可以让5元用处更大 …
阅读更多...
代码随想录算法训练营第35天|LeetCode 01背包问题 二维、01背包问题 一维、416. 分割等和子集

代码随想录算法训练营第35天|LeetCode 01背包问题 二维、01背包问题 一维、416. 分割等和子集

1. LeetCode 01背包问题 二维 题目链接&#xff1a;https://kamacoder.com/problempage.php?pid1046 文章链接&#xff1a;https://programmercarl.com/背包理论基础01背包-1.html#算法公开课 视频链接&#xff1a;https://www.bilibili.com/video/BV1cg411g7Y6/ 思路&#xf…
阅读更多...
面向对象三大特征及其优劣接口的特点、抽象类的特点

面向对象三大特征及其优劣接口的特点、抽象类的特点

简单介绍下面向对象三大特征&#xff1f; 封装&#xff1a;封装指的就是把对象的属性隐藏在内部&#xff0c;不允许外部对象直接访问内部信息&#xff0c;但是可以提供一些被外界访问的方法来访问属性。优点在于数据隐藏&#xff08;通过定义私有属性&#xff0c;避免直接访问…
阅读更多...
JavaScript银行卡实名核验接口集成 代码详解

JavaScript银行卡实名核验接口集成 代码详解

银行卡实名核验接口是一种用于验证银行卡持有人身份的服务&#xff0c;通常应用于金融机构或第三方支付平台。这种接口允许应用程序或服务发送请求&#xff0c;以验证银行卡所有者的身份信息是否与银行记录相匹配。 应对市场发展需求&#xff0c;翔云提供了银行卡实名认证接口…
阅读更多...
压缩pdf大小的方法 指定大小软件且清晰

压缩pdf大小的方法 指定大小软件且清晰

在数字化时代&#xff0c;pdf文件因其良好的兼容性和稳定性&#xff0c;已成为文档分享的主流格式。然而&#xff0c;高版本的pdf文件往往体积较大&#xff0c;传输和存储都相对困难。本文将为您详细介绍几种简单有效的方法&#xff0c;帮助您减小pdf文件的大小&#xff0c;让您…
阅读更多...
Gradle构建配置包：一键生成构建脚本的秘籍

Gradle构建配置包：一键生成构建脚本的秘籍

标题&#xff1a;Gradle构建配置包&#xff1a;一键生成构建脚本的秘籍 在软件开发过程中&#xff0c;构建系统是项目自动化构建的核心。Gradle&#xff0c;作为一种流行的构建自动化工具&#xff0c;以其灵活性和强大的扩展性而广受开发者欢迎。Gradle构建配置包&#xff08;…
阅读更多...
最新文章

Copyright @ 2022~2023