Function2
10846 ワード
2番目の子の朴関数は1番目の子より短いのでご紹介します
雑談ですが、勉強と同時にアプリを開発するために大盛り上がり中なので、溜まった文章をできるだけ早くアップします.
スタート!
1. First-class Function
一級関数とも呼ばれるは、他の変数と同様に変数に割り当てられる. は、関数のパラメータとして を伝達することができる.は、他の関数の戻り値 とすることができる.
これを可能にしたのは?👇
1-1) Function Expression
1. anonymous function
関数名を使用せずにfunctionキーワードを使用する関数
2. named function
ネーミング関数 function declaration
関数を宣言する前に呼び出す(保留中)
JSエンジンは宣言された関数を上に移動し、それを事前に宣言された関数(昇格)と見なす function expression
関数宣言の前に呼び出すときにエラーが発生しました.
関数でパラメータとして使用するときに表示されます.
百聞は一見にしかず,みんなに例題を見せた.
コードでは、printYesとprintNoは条件に従います.
呼んでもいいし、呼ばなくてもいいですよね?
条件がそうであればCallback関数を呼び出す必要があります.
3. Arrow Function
関数を非常に簡潔にする親友!
常に名前のないanonymous関数
How to make Arrow fucntion?
全部カットすれば、普通の関数を矢関数に変えることができます!
カッコ{}で囲み、returnキーを使用します.
IIFE: Immediately Invoked Function Expression
関数宣言と同時に呼び出す方法!
今はあまり使われていませんが、この機能もあります!
この記事はYouTube DREAMCODINGBY ELLYの動画を見て制作を学びました私は間違っているかもしれませんが、説明におかしいところがあるかもしれません.もっと正確で詳しく知りたいなら、次のリンクを参照してください.
さようなら!🧙♂️
Elly|FunctionによるDREAM符号化
雑談ですが、勉強と同時にアプリを開発するために大盛り上がり中なので、溜まった文章をできるだけ早くアップします.
スタート!
1. First-class Function
一級関数とも呼ばれる
これを可能にしたのは?👇
1-1) Function Expression
1. anonymous function
関数名を使用せずにfunctionキーワードを使用する関数
2. named function
ネーミング関数
// 변수에 함수 할당 example
const print = function(){ //anonymous function
console.log('print');
};
print();
const printAgain = print;
printAgain();
1-2) (Function) declaration VS Expression関数を宣言する前に呼び出す(保留中)
sum(1,2); // 선언 전 호출
function sum(a,b){return a+b;} // 함수 선언
Why??JSエンジンは宣言された関数を上に移動し、それを事前に宣言された関数(昇格)と見なす
関数宣言の前に呼び出すときにエラーが発生しました.
print(); //에러!
const print = function(){ //선언
console.log('print');
};
2. Call back function関数でパラメータとして使用するときに表示されます.
百聞は一見にしかず,みんなに例題を見せた.
//call back function example
function quiz(answer, printYes, printNo){
if(answer === 'hello world!'){
printYse();
}
else{ printNo(); }
}
//anonymous function
const printYes = function(){console.log('yes!');}
//named function
const printNo = function print(){console.log('no!');}
quizという名前の関数のパラメータはresult、printYes、printNoです.コードでは、printYesとprintNoは条件に従います.
呼んでもいいし、呼ばなくてもいいですよね?
条件がそうであればCallback関数を呼び出す必要があります.
3. Arrow Function
関数を非常に簡潔にする親友!
常に名前のないanonymous関数
How to make Arrow fucntion?
全部カットすれば、普通の関数を矢関数に変えることができます!
before
const test = function(){ //ex1
console.log('arrow test!');
}
const sum = function(a,b){return a+b;} //ex2
after
const test = () => console.log('arrow test!');
const sum = (a,b) => a+b;
関数のbodyが1行で表現できない場合は、カッコ{}で囲み、returnキーを使用します.
const sum =(a,b) => {
// 여러줄의 코드
return a+b;
}
4. IIFEIIFE: Immediately Invoked Function Expression
関数宣言と同時に呼び出す方法!
今はあまり使われていませんが、この機能もあります!
(function test(){
console.log('hello!');
})();
宣言後に呼び出される()のように、関数を宣言の前後に囲みます.ペーストすると、宣言と同時に呼び出されます.この記事はYouTube DREAMCODINGBY ELLYの動画を見て制作を学びました私は間違っているかもしれませんが、説明におかしいところがあるかもしれません.もっと正確で詳しく知りたいなら、次のリンクを参照してください.
さようなら!🧙♂️
Elly|FunctionによるDREAM符号化
Reference
この問題について(Function2), 我々は、より多くの情報をここで見つけました https://velog.io/@0woy_/Function2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol