#JavaScriptの関数
メソッド定義
def index
# 処理
end
Rubyでいうところのメソッドを、
関数定義
function 関数名(引数) {
// 処理
}
JavaScriptでは関数と呼ぶ
今回はこの記述で何がどうなっているのかに関しては触れません。
デベロッパーツールで読み込んだら出てくるんだぜ？やべーだろ？
までで終わります。
##早速出力してみる
エディターにあるindex.htmlファイルを
Chromeにドラック＆ドロップでポイッと…
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// ここに書いていくよー
</script>
</body>
</html>
コードを追記したらデベロッパーツールで出力結果を確認します
##文字列の結合
Qiita投稿日は？
function hello(what) {
return '火曜と木曜は' + what + '投稿日';
}
console.log( hello('Qiita') );
指定した「what」と文字列を組み合わせて作成し、その文字列をreturnで返す
実行結果
火曜と木曜はQiita投稿日
その結果
文字列が組み合わされ出力される
ちなみに「return」を使わなかったら…
Qiita投稿日
function hello(what) {
'火曜と木曜は' + what + '投稿日';
}
console.log( hello('Qiita') );
実行結果
undefined
値は出力されない。
計算結果の出力
掛け算
const num1 = 3
const num2 = 4
function calc(num1,num2){
return num1*num2
}
console.log(calc(num1,num2))
リロードしてデベロッパーツールを確認すると…
出力結果
12
抑えておきたい知識
-
JavaScriptってのはこんな感じでブラウザ側で動作する言語 -
HTMLとCSSはプログラミング言語ではなくてマークアップ言語 -
javaとJavaScriptは別物 - 文字列として扱う場合は…
-
''シングルコーテーションで囲う -
""ダブルコーテーションも可
-
- 数値同士の計算ではRuby同様こちらの
代数演算子が使用される