Javascript ドットインストール#21、22ここは役に立ちました 「関数について 」

関数について

 function 〇〇() {};

上記で定義すると、呼び出す時は〇〇();で呼び出せる

この例では


function ad() {

console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")

};

console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log("tom!");
console.log("tom!");
console.log("tom!");
ad();
console.log("tom!");
console.log("tom!");
console.log("tom!");
ad();
console.log("tom!");


 function ad (){};と設定

処理の中でconsole.logを複数記述しているが、

このコンソールはad();とするだけで呼び出せるようになっている!

 

また、function ad ()の()内に引数を入れておくとそれを使うこともできる

 

 


function ad(message = 'Ad') //仮引数
{
//()内のmessageの後ろの = 'Ad'は実引数が空の時に表示されるものを設定している。
console.log("------------Ad----------------")
console.log("------------Ad----------------")
console.log(`------------${message}----------------`)
console.log("------------Ad----------------")
console.log("------------Ad----------------")

};


console.log("first");
ad();
console.log("tom!");
console.log("tom!");
console.log("tom!");
ad('header Ad');//実引数
console.log("tom!");
console.log("tom!");
console.log("tom!");
ad('fotter Ad');
console.log("tom!");
 
 
これを実行すると

f:id:kirikko_Scondcube:20200331164827p:plain

こうなる