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

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.立即执行函数使用

相关文章:

  • 知识图谱系列(5):表示学习
  • 前端八股之Vue
  • 29 C 语言内存管理与多文件编程详解:栈区、全局静态区、static 与 extern 深度解析
  • 工作流引擎-18-开源审批流项目之 plumdo-work 工作流,表单,报表结合的多模块系统
  • 并查集(上)
  • Android高级开发第四篇 - JNI性能优化技巧和高级调试方法
  • 深入了解linux系统—— 进程间通信之管道
  • 云部署实战:基于AWS EC2/Aliyun ECS与GitHub Actions的CI/CD全流程指南
  • #STM32 HAL库实现的STM32F407时钟配置程序以及和STM32F103配置对比
  • 3.需求分析与测试用例设计方法
  • 探秘 Minimax:AI 领域的创新先锋
  • Docker镜像之windows系统
  • 二、Sqoop 详细安装部署教程
  • windows11安装编译QtMvvm
  • RAG的ETL Pipeline源码解读
  • Qt OpenGL 光照实现
  • 线性代数复习
  • 大数据-275 Spark MLib - 基础介绍 机器学习算法 集成学习 随机森铃 Bagging Boosting
  • day 43
  • Linux(10)——第二个小程序(自制shell)
  • 花木网站建设/品牌策划书
  • 急招平面设计3名/百度seo新算法
  • 老网站改版/系统设置友情链接有什么作用
  • wordpress 做wiki/关键词优化排名首页
  • 哪家网络公司做网站好/b2b免费发布网站大全
  • 武汉网站建设组织/google下载安装