网页前端开发之Javascript入门篇(5/9)：函数

Javascript函数

什么是函数？
答：其概念跟 Python教程 介绍的一样，只是语法上有所变化。

下面是创建函数的语法：

function cooking(food1, food2)
{
  if(food1 == "茶叶" && food2 == "鸡蛋")
  {
    cooked = "茶叶蛋";
  }
  else
  {
    if(food1 == "酸菜" && food2 == "鱼")
    {
      cooked = "酸菜鱼";
    }
    else
    {
      cooked = "未知菜";
    }
  }
  return cooked;
}

其中
function 是创建函数的关键字，加个 空格 之后，写入一个自定义的 函数名 ，配上一对 括号 ，里面填入 参数名 ，最后用 大括号 括住其所有子语句。

其子语句中的 return 是配合 function 的关键字（意思：返回），用来返回一个结果。

---

下面是调用函数的语法：

// 1.先创建函数
function cooking(food1, food2)
{
  if(food1 == "茶叶" && food2 == "鸡蛋")
  {
    cooked = "茶叶蛋";
  }
  else
  {
    if(food1 == "酸菜" && food2 == "鱼")
    {
      cooked = "酸菜鱼";
    }
    else
    {
      cooked = "未知菜";
    }
  }
  return cooked;
}
// 2.再调用函数
var aaa = cooking('茶叶', "鸡蛋");  // 输出：茶叶蛋
var bbb = cooking('酸菜', "鱼");    // 输出：酸菜鱼
var cc1 = '茶叶'
var ccc = cooking(cc1, "鱼");  // 也可以传递变量
// 输出：未知菜
console.log(aaa, bbb, ccc);

其中
写入 函数名 加上一对 括号 ，填入实际的 参数值 即可调用函数。
当程序执行到 return 语句时，它会立即中止后续语句的执行，并将 return 后面的值返回给 函数的调用者 。

注：请在 MinWegPage 上直接在线编写和运行本篇代码，无需安装任何环境。

---

本篇的练习题如下：

第1题
1.创建一个函数hello，无需参数。
2.调用该函数打印出：你好
第2题
1.创建一个函数greet（打招呼），并带有一个参数name。
打印：很高兴见到你,name
2.调用该函数，输入的参数值为你的名字。
第3题
1.创建一个函数sum（累加），并带有两个参数spend1和spend2。
打印出spend1和spend2之和。
2.调用该函数，输入的参数值分别为你这两天的支出。

请认真完成所有练习题，勤加练习有助于快速提升你的编程能力。
更多练习题在 https://www.min2k.com/course/docs/web-client/function

原文地址：https://blog.csdn.net/huangmipi/article/details/142712441

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！