首页 > 软件开发 > JavaScript >

教你三招,轻松玩转javascript函数

来源:互联网 2023-03-16 23:59:05 版权归原作者所有,如有侵权,请联系我们

各位编程爱好者们,大家好!昨天已经作废,今天还没有过去,明天还没有来到,今天的你过得怎么样?不知不觉我们已经在javascript的 世界里走了将近一个星期的时光,从零到数据转换、到运算符、循环语句乃至今天我们所要接触到的函数,都是javascript最基础的语法,不知道各位干货朋友们有没有下去好好的练习哦!小编在这想告诉大家的是无论你学的怎么样,只要我们把拥好今天,珍惜时光,莫在虚度中浪费青春,今天的事今天做,是金子早晚都会发光,这样生命才会更加绚丽灿烂。好了,不跟大家扯了,今天小编给大家带来的是:javascript函数xvr办公区 - 实用经验教程分享!

工具/原料

  • 电脑、编译工具(editPlus)
  • 调试工具(谷歌浏览器)、手机等

方法/步骤

  • 1

    一:什么是javascript函数?xvr办公区 - 实用经验教程分享!

    xvr办公区 - 实用经验教程分享!

    javascript函数是包裹在关键词function(){}花括号内,由事件驱动或者当花括内的代码被调用时可重复使用执行的代码,重复使用是函数最基本的特点,函数定义有两种方式:匿名函数和命名函数表达式,具体如下图:xvr办公区 - 实用经验教程分享!

    xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 2

    小知识:在声明函数的时候必须写上函数的名字,不然会出现语法错误哦,函数是一个对象,只要是对象,它都有属性和值,如下图:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 3

    例:声明一个名为auto的函数,并在控制台打印出函数的名字,代码如下:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 4

    运行程序,其结果如下:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 5

    考一考你:大家知道一图中匿名函数的表达式的函数名是什么吗?那如果在匿名表达式后面再添加一个名字如:var a = function b () {}呢?xvr办公区 - 实用经验教程分享!

    注:在函数表达式中的函数如果有名字,则name就是函数的名字,否则name就是变量名。xvr办公区 - 实用经验教程分享!

  • 6

    二:函数的作用是什么?xvr办公区 - 实用经验教程分享!

    咱们之前讲过,if是判断,for是循环输出,那函数主要是用来做什么的?其函数的作用比较简单——具体事物具体输出,精确到每事每物(换言之可判断和输出单一事物)。xvr办公区 - 实用经验教程分享!

    举个例子:如某工厂有5个管理员,分别打印出其工号、姓名和职务,具体代码如下:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 7

    打开谷歌浏览器,点击开发者工具,在控制台上浏览其结果如下图:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 8

    考考你:如果在上面的例子只写一个auto(1)还有输出结果吗,大家知道函数名auto括号里面的num和最后面的数字1,2,3,4,5是什么东东吗,为什么要在程序结尾写上函数名 括号呢?xvr办公区 - 实用经验教程分享!

    小知识:num:函数的形式参数,简称形参,1,2,3,4,5函数的实际参数,简称实参,形参是用来接收函数传送的实际参数,参数可为多个,而且个数可以不相等。auto()叫函数调用,只有调用了函数,程序代码才能执行。xvr办公区 - 实用经验教程分享!

  • 8
  • 9

    举个例子:定义两个实参,三个形参,看一看结果是什么?xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 10

    在控制台上查看其结果为:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 11

    考考你额:好奇怪哦,结果怎么会这样的呢?事实上,实参和形参是一一对应的,形参a用来接收实参的第一个数据2,b接收数据3,那为什么最后的结果会有一个undefined,如果传送三个数据,只用两个形参来接收呢?xvr办公区 - 实用经验教程分享!

  • 12

    三:实参例表arguments是什么,用来做什么的?xvr办公区 - 实用经验教程分享!

    Arguments是一个类数组,用来储存所有的实参,和形参是相互映射的。xvr办公区 - 实用经验教程分享!

    例:做一个小型的计算器在实参个数不确定的情况下,求所有实参的和、阶乘。xvr办公区 - 实用经验教程分享!

    案例分析:首先我们得申请两个变量,分别用来存放和、积的结果,然后用for循环变历数组,先取出第一个数据,分别传送给sum和ji,然后再与第二个实参进行相加和相乘,这时的sum 和ji分别存放的是和与积的结果,再取出第三个数据与之相加和相乘,依此类推,直到实参个数取出为止,代码如下:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 13

    打开控制台,查看其结果如下图:xvr办公区 - 实用经验教程分享!

    教你三招,轻松玩转javascript函数xvr办公区 - 实用经验教程分享!

  • 14

    好了小伙伴吗,今天就到这里吧,大家喜欢的话请多多关注和加粉,明天还有更精彩的内容等着你们哦!xvr办公区 - 实用经验教程分享!

  • 注意事项

    • javascript函数的定义与作用
    • 实参例表的用法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xvr办公区 - 实用经验教程分享!


    标签: JAVASCRIPTHTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号