当前位置: 首页 > ds >正文

Java Script函数

1.认识JS函数

1.1程序中的foo、bar、baz

在学习编程中,你可能会经常看到foo、bar、baz这些名词

  它们通常被用来作为函数、变量、文件的名称

  目前已经编程了计算机编程的术语一部分

  但是它们本身并没有特别的用途和意义

  常常被称之为“伪变量”(metasyntactic variable)

这里推荐一个网站:程序问答网站(世界级的)

最新问题 - Stack Overflowhttps://stackoverflow.com/questions那么它们有声明由来吗?

 事实上:foo、bar这些名称最早什么时候、地方流行起来的一直是有争论的

总之,foo、bar、baz已经是编程领域非常非常常用的名词

    <script>//stackover flow:程序问答网站//程序员约定俗成的标识var foo="xxxxxx"function bar(){}var baz={}</script>

1.2认识函数 

什么是函数呢?

帮助我们完成了特定的功能 函数必然是某种特定功能的代码的封装

目前,我们已经接触过几个函数了

 alert函数:

  浏览器弹出一个弹窗

prompt函数:

  在浏览器弹窗中接收用户的输入

console.log函数:

  在控制台输入内容

String/Number/Boolean函数等等

函数其实就是某段代码的封装,这段代码帮助我们完成某一个功能

默认情况下,JS引擎或者浏览器会给我们提供一些已经实现好的函数

我们也可以编写属于自己的函数

1.3函数的使用步骤 

 函数的使用包含两个步骤:

  声明函数:封装 独立的功能

  调用函数:享受 封装的成果

声明函数,在JS中也可以称为定义函数

  声明函数的过程就是对某些功能的封装;

  在之后的开发中,我们会根据自己的需求定义很多自己的函数;

调用函数,也可以称为函数调用

  调用函数时让已经存在的函数为我们所用

  这些函数可以时刚刚自己封装好的某个功能函数

  当然,我们也可以去使用默认提供的或者其他三方库定义好的函数

函数的作用:

在开发程序中,使用函数可以提高编写的效率以及代码的重用

2.函数的声明和调用

2.1函数的声明和调用

声明函数使用function关键字:这种写法称之为函数的定义

function 函数名(){

函数封装的代码

.....

}

注意:

函数名的命名规则和前面命名规则是相同的;

函数要尽量做到见明知意,(并且函数通常是一些行为,所以使用动词会更多一些);

函数定义完后里面的代码是不会执行的,函数必须调用才会执行

调用函数通过函数名()即可:比如test()

练习如下:

    <script>//练习一:定义一个函数,打印自己的个人信息function printInfo() {console.log("my name is chen")console.log("age is 18")console.log("height is 1.88")}printInfo()printInfo()//练习二:定义一个函数,在内部计算10和20的值function sum() {var num1=10var num2=20var result =num1+num2console.log("result:",result)}sum()</script>

2.2函数的参数使用以及练习

函数的参数:

函数,把具有独立功能的代码块组织成一个小模块,在需要的时候调用

函数的参数,增加函数的通用性,针对相同的数据处理逻辑,能够适应更多的数据

在函数内部,把参数当作变量使用,进行需要的数据处理

函数调用时,按照函数定义的函数顺序,把希望在函数内部处理的数据,通过参数传递

形参和实参

形参(参数parameter):定义函数时,小括号中的参数,是用来接收参数的,在函数内部作为变量使用

实参(参数argument):调用函数时,小括号中的参数,是用来把数据传递到函数内部的

练习:

    <script>//练习一:和某人打招呼function sayHello(name){console.log(`Hello ${name}`)}sayHello("chen")sayHello("zhang")//练习二:和某人唱生日歌function singBirthdaySong(name){console.log(`happy birthday to you`)console.log(`happy birthday to you`)console.log(`happy birthday to ${name}`)console.log(`happy birthday to you`)}singBirthdaySong("chen")singBirthdaySong("zhang")</script>

2.3函数的返回值使用

回想我们之前使用的prompt函数,函数需要接受参数,并且会返回用户的输入

所以说,函数不仅仅可以有参数,也可以有返回值

使用return关键字来返回结果;

一旦在函数中执行return操作,那么当前函数会终止

如果函数中没有使用return语句,那么函数会默认的返回值:undefined

如果函数使用return语句,但是return后面没有任何值,那么函数的返回值也是:undefined

  <script>// var result=prompt("请输入一个数字")//1.理解函数的返回值// function sayHello(name) {//   console.log(`Hi ${name}`)// }// var foo=sayHello("chen")// console.log("foo:",foo) //这个函数默认返回的是undefined//2.返回值的注意事项//注意事项一:所有的函数,如果没有写返回值,那么默认返回undefinedfunction foo(){console.log("foo函数被执行~")}var result=foo()console.log("foo的返回值",result)//注意事项二:我们也可以明确的写上return//写上return关键字,但是后面什么内容都没有的时候,也是返回undefinedfunction bar(){console.log("bar函数被执行")result}var result1=bar()console.log("bar的返回值",result1)//注意事项三:如果在函数执行到return关键字的时候,函数会立即停止执行,退出函数function baz(){console.log("Hello Baz")returnconsole.log("Hello World")console.log("Hello Why")}baz()//函数的具体返回值function sum(num1,num2) {var result=num1+num2return result}var tatol =sum(20,30)console.log("total:",tatol)</script>

2.4函数的练习

明天更......

3.函数的递归调用

4.局部和全局变量

5.函数表达式的写法

6.函数的头等公民(函数式编程)

7.立即执行函数使用

http://www.xdnf.cn/news/10758.html

相关文章:

  • 操作系统:文件系统笔记
  • 用“红烧鱼”类比说明卷积神经网络CNN的概念
  • docker使用sh脚本创建容器
  • day 43
  • [SC]SystemC语法小结(三)
  • 函数组件和类组件
  • dns的正向解析,反向解析,多项解析,主从配置
  • PCIe—TS1/TS2 、EQ TS1/EQ TS2
  • YOLOV7改进之融合深浅下采样模块(DSD Module)和轻量特征融合模块(LFI Module)
  • 制作个人Github学术主页
  • PostgreSQL 在生物信息学中的应用
  • 4.RV1126-OPENCV 图像轮廓识别
  • ios tableview吸顶
  • 深度学习和神经网络 卷积神经网络CNN
  • 【大模型学习】项目练习:视频文本生成器
  • 网络安全:网页密码防护与记住密码功能的安全
  • 机器人自动火焰切割H型钢的系统设计与应用
  • 工作流引擎-16-开源审批流项目之 整合Flowable官方的Rest包
  • Fullstack 面试复习笔记:操作系统 / 网络 / HTTP / 设计模式梳理
  • Ubuntu22.04 安装 ROS2 Humble
  • eBay关键词搜索API开发指南
  • 前端面试宝典---前端水印
  • 【笔记】部署 AgenticSeek 项目问题:端口 8000 被占用
  • 在 Windows安装 make 的几种方式
  • 【LeetCode 热题100】回溯:括号生成 组合总和(力扣22 / 39 )(Go语言版)
  • 信号处理基础到进阶再到前沿
  • StarRocks的几种表模型
  • android binder(1)基本原理
  • sigmastar实现SD卡升级
  • day17 leetcode-hot100-34(链表13)