Webアプリ開発コース初級編
WEBサイトとミニアプリを作れるようになろう
JavaScript・jQuery学習編
- DAY 17JavaScriptの基本文法を学ぼう②
DAY 17
JavaScriptの基本文法を学ぼう②
前回に引き続き、JavaScriptの基本文法を学んでいきましょう!
今回は関数(function)と条件分岐(if文、switch文)について解説していきます。
- 関数(function)
- if文
- switch文
TIPS
01.関数(function)
関数(function)の基本について学んでいきましょう!
関数とは、「処理をまとめたもの」と理解してください。
関数の概念
基本的な書き方と引数
コピー// 関数の基本的な書き方
function 関数名(引数) {
// 処理を書く
}
// 関数にの呼び出し
関数名(引数に受け渡しする値);
返り値(戻り値)
円の面積を求める関数
コピー// 円の面積を求める計算
let radius = 6;
const pai = 3;
let area = radius * radius * pai;
console.log(area);
//出力結果 108
// 関数にまとめると
function calCircleArea(radius) {
const pai = 3;
let area = radius * radius * pai;
return area;
}
console.log(calCircleArea(6));
//出力結果 108
複数の引数
コピーfunction say(firstName, lastName) {
console.log(`${firstName} ${lastName}`);
}
say("デイトラ", "太郎");
//出力結果 デイトラ 太郎
スコープ
コピー// 関数内で定義した変数や定数は、関数の外では使用できません
function hello() {
let message = "こんにちは";
}
console.log(message);
// エラー
02.条件分岐
条件分岐の基本
if文という条件分岐について学びましょう。
複雑な条件分岐①
&&は、〜かつ(AND)をあらわし、AND演算といいます。
||は、〜または(OR)をあらわし、OR演算といいます。