IT培训网更多 收回

IT培训
关注我们
微信公众号 回复"大礼包"享福利 学习交流群 分享IT知识
|

IT在线学习更多 收回

热门课程 更多 >
  • Java开发
  • Web前端
  • Python+人工智能
  • 全链路UI/UE设计
  • VR/AR游戏开发
  • 大数据
  • 室内设计
  • PMP认证
  • 互联网营销
  • 全域电商运营
  • 新媒体与短视频运营
  • 软件测试
  • Linux云计算
  • Office
  • 计算机二级
  • 计算机软考
OAO训练营
不离岗 不离校 学门IT技术
优学VIP
16大类IT课程 提升职场竞争力
关注我们
下载【IT优学】 缓存视频随时随地学 微信扫码关注 回复“大礼包”享福利
| 初高中软件培训| 中公企商培训| 中公联合办学| 优校邦| 中公PMP| 中公软考| 计算机二级培训| 趣码AI
登录 | 注册
400-650-7353

精品课程

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

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

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2021-02-25 10:39:24
  • 阅读()
  • 分享
  • 手机端入口
  • 活动 5天IT课程 申请试学
  • 活动 申请免费基地参观
  • 活动 申请中公购书补助

首先,我们来看一下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 您更想做哪个方向的工作?

获取测试结果
 
课程资料、活动优惠 领取通道
 
 
  • 申请试听
  • 干货资料
  • 网课咨询
  • 学习交流群
  • 返回顶部