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

Javascript函数

什么是函数?

答:其概念跟 Python教程 介绍的一样,只是语法上有所变化。

下面是创建函数的语法:

javascript 复制代码
function cooking(food1, food2)
{
  console.log("正在烹饪中..")
  if(food1 == "土豆" && food2 == "大米")
  {
    cooked = "土豆焖饭";
  }
  else
  {
    if(food1 == "猪蹄" && food2 == "酱油")
    {
      cooked = "酱猪蹄";
    }
    else
    {
      cooked = "未知菜";
    }
  }
  return cooked;
}

其中
function 是创建函数的关键字,

加个++空格++ 之后,

写入一个自定义的++函数名++ ,

配上一对++括号++ ,里面填入++参数名++ ,

最后用++大括号++括住其所有子语句。

其子语句中的 return 是配合 function 的关键字(意思:返回),用来返回一个结果。


下面是调用函数的语法:

javascript 复制代码
// 1.先创建函数
function cooking(food1, food2)
{
  console.log("正在烹饪中..")
  if(food1 == "土豆" && food2 == "大米")
  {
    cooked = "土豆焖饭";
  }
  else
  {
    if(food1 == "猪蹄" && food2 == "酱油")
    {
      cooked = "酱猪蹄";
    }
    else
    {
      cooked = "未知菜";
    }
  }
  return cooked;
}
// 2.再调用函数
var aaa = cooking('土豆', "大米");  
console.log(aaa);  // 输出:土豆焖饭
var bbb = cooking('猪蹄', "酱油");    
console.log(bbb);  // 输出:酱猪蹄
var xxx = '茶叶'
var ccc = cooking(xxx, "鸡蛋");  // 也可以传递变量
console.log(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

相关推荐
-代号952711 分钟前
【JavaScript】十三、事件监听与事件类型
开发语言·javascript·ecmascript
写代码的小王吧33 分钟前
【Java可执行命令】(十)JAR文件签名工具 jarsigner:通过数字签名及验证保证代码信任与安全,深入解析 Java的 jarsigner命令~
java·开发语言·网络·安全·web安全·网络安全·jar
小卡皮巴拉40 分钟前
【力扣刷题实战】矩阵区域和
开发语言·c++·算法·leetcode·前缀和·矩阵
努力搬砖的咸鱼1 小时前
Qt中的数据解析--XML与JSON处理全攻略
xml·开发语言·qt·json
Pacify_The_North1 小时前
【C++进阶三】vector深度剖析(迭代器失效和深浅拷贝)
开发语言·c++·windows·visualstudio
一人の梅雨1 小时前
化工网平台API接口开发实战:从接入到数据解析‌
java·开发语言·数据库
Zfox_1 小时前
【C++项目】从零实现RPC框架「四」:业务层实现与项目使用
linux·开发语言·c++·rpc·项目
我想吃余1 小时前
【C++篇】类与对象(上篇):从面向过程到面向对象的跨越
开发语言·c++
Niuguangshuo1 小时前
Python设计模式:克隆模式
java·开发语言·python
阳树阳树1 小时前
signal-新的状态管理模式
前端·javascript