400-650-7353

精品课程

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

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

首先,我们来看一下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语句只有的代码不会被执行,所以在函数返回值时需要注意。

课程好礼申请领取
您的姓名
您的电话
意向课程
 

中公优就业

官方QQ

扫描上方二维码或点击一键加群,免费领取价值599元网课,加群暗号:599。 一键加群

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

推荐阅读

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

1 您的年龄

2 您的学历

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

获取测试结果
 
课程资料、活动优惠 领取通道
 
 
网站地图 58彩票安卓版 五星彩票网是真是假 500w彩票网网站
菲律宾申博真钱番摊 申博sunbet菲律宾官网 菲律宾申博申博开户 真人bet娱乐注册
淘金盈手机下载版 博彩娱乐集团登入 恒和娱乐官网 中彩网频游戏
彩29彩票网开户 五星彩票网 金巴黎彩票手机app 500w彩票注册
cc彩票网投 五星彩票网网站 五星彩票app下载 快乐彩票网平台
304sun.com 198XTD.COM TONGSHISHI.COM 100xsb.com 88sbsun.com
DC362.COM 651SUN.COM 600xsb.com XSB897.COM 789XTD.COM
658PT.COM 44sbib.com XSB718.COM 271SUN.COM 898XTD.COM
DC398.COM 817XTD.COM 8CYS.COM 898cw.com 8NNS.COM