400-650-7353

精品课程

您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】web前端函数使用

【Web前端基础知识】web前端函数使用

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2021-02-25 10:39:24
  • 阅读()
  • 分享
  • 手机端入口

首先,我们来看一下MDN的定义:函数是 JavaScript 中的基本组件之一。 一个函数是 JavaScript 过程 — 一组执行任务或计算值的语句。要使用一个函数,你必须将其定义在你希望调用它的作用域内。函数就是一段预先定义好的一段代码,可以在需要的位置调用。

接下来,我们来学习函数如何使用函数。

定义一个函数,用关键字function来定义,function就是英语“功能”的意思。表示这里面定义的语句,完成了一些功能。function后面有一个空格,后面就是函数名字,函数的名字也是关键字,命名规范和变量命名是一样的。名字后面有一对儿圆括号,里面放置参数,我们一会儿介绍。然后就是大括号,大括号里面是函数的语句。比如下面的代码,定义一个函数:

  1. function fun () { 
  2.   console.log('fun'); 

在上面的代码中,我们定义了一个函数fun,内部的代码块是一句输出语句。函数如果不调用,那么里面的语句就不会执行,不调用就等于白写。调用一个函数的方法非常简单,函数名后面加一个(),() 是一个运算符,表示执行一个函数。语法为函数名();。

  1. fun(); 

上面的代码就是执行了函数fun,一旦调用了函数,函数内部的语句就会执行。能够感觉到,函数是一些语句的集合,让语句成为一个军团,集体作战。要不出动都不出动,要出动就全出动。得到调用才出动。

由此可以看出,函数的意义:在出现大量程序相同的时候,可以封装为一个function,这样只用调用一次,就能执行很多语句。

接下来,我们来看下函数的参数:

定义在函数内部的语句,都是相同的,但是实际上我们可以通过“参数”这个东西,来让语句有差别。定义函数的时候,内部语句可能有一些悬而未决的量,就是变量,这些变量,我们要求在定义的时候都罗列在小括号中。罗列在function小括号中的参数,叫做形式参数;调用时传递的数值,叫做实际参数。

  1. function pingfang (a) { 
  2.   console.log(a * a); 

在上面的代码中,我们定义了一个函数,函数名为pingfang,并定义一个参数a,代码执行为输出a的平方。当我们调用函数时:

  1. pingfnag(10); 

调用的时候,要把这个变量的真实的值,一起写在括号里,这样随着函数的调用,这个值也传给了a。上面的代码就会输出10的平方。

另外,参数可以有无数个,用逗号隔开即可。

接下来,我们来看下函数的返回值。函数可以通过参数来接收数据,更可以通过return的语句来返回数据。return语句可以将数据返回到函数调用处。例如下面代码:

  1. function sum (a, b) { 
  2.   return a + b; 
  3. sum(10, 20); 

上面代码中,定义一个函数sum,并有两个参数a和b,函数的执行结果是把参数a和b的和返回。调用时10和20作为实参传给函数,就会返回结果30。

注意,return语句只有的代码不会被执行,所以在函数返回值时需要注意。

学习疑问申请解答
您的姓名
您的电话
意向课程
 

中公优就业

IT小助手

扫描上方二维码添加好友,请备注:599,享学习福利。

>>本文地址:
注:本站稿件未经许可不得转载,转载请保留出处及源文件地址。

推荐阅读

优就业:ujiuye

关注中公优就业官方微信

  • 关注微信回复关键词“大礼包”,享学习福利
QQ交流群
在线疑问解答
(加群备注“网站”)
IT培训交流群 加入群聊 +
软件测试 加入群聊 +
全链路UI/UE设计 加入群聊 +
Python+人工智能 加入群聊 +
互联网营销 加入群聊 +
Java开发 加入群聊 +
PHP开发 加入群聊 +
VR/AR游戏开发 加入群聊 +
大前端 加入群聊 +
大数据 加入群聊 +
Linux云计算 加入群聊 +
优就业官方微信
扫码回复关键词“大礼包”
享学习福利

测一测
你适合学哪门IT技术?

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
 
课程资料、活动优惠 领取通道
 
 
国内在线视频观看视频