通常の関数から矢印関数へのブリッジ
6378 ワード
ハローワールド
新しいJavaScript学習者のための闘争の一つは、矢印機能を含む機能を書く方法を理解しているので、今日は、JavaScriptのすべてのタイプの機能を詳細に説明する予定です
それで始めましょう.
JavaRpt関数を記述する方法を説明するには、関数宣言と関数式の2つの主要な型に分けてみましょう.
1 -関数宣言
これは私たちが知っているタイプで、他のプログラミング言語の関数と似ています.関数宣言には次の2種類があります.
唐辛子
伝統的な(規則的な)関数は以下のパターンを持ちます:
function
関数名(
パラメータ)
{
}
例えば、function print(){
console.log("hello world");
}
とパラメータ付き:function add(number1,number2){
return number1 + number2
}
関数速記関数は通常の関数ですが、クラスの場合は..パターンの違いは、関数のキーワードを書かないようにすることです.
関数名
(
パラメータ)
{
}
以下の例を見てみましょう.class user:
constructor(name,email){
this.userName = name;
this.userEmail = email;
}
login(){
console.log(`Hello ${this.name} you have login successfully`);
}
2 -関数式
関数式は関数宣言と同じですが、オブジェクト(変数)に代入します
その4つのタイプを議論しましょう:
レギュラー関数式
その意味について少し話しましょう
この機能があれば:
function print(){
console.log("hello world");
}
それから、起動するときには以下のように入力します:print()
しかし、通常の関数式では、関数を変数に保存します.let myPrint = function print(){
console.log("hello world");
}
今、我々は印刷を起動しようとするとどうなりますか?これにより、printが定義されていないというエラーが発生します
それでは、どのように機能に到達することができますか?
関数を割り当てた変数名( myprint )を使うことができます.
この例では、関数を直接変数に代入します.これは、変数が型関数からであることを意味します
Horayそれは働く🥳!
- 1 .
iIFEはすぐに呼び出されます、その関数から呼び出され、実行されるようにそれを考えることができます.
構文は簡単です..機能があります.
function
関数名(){
アクション}
括弧または丸括弧の間の機能が含まれます(function
関数名(){
アクション})
そして、このように別の括弧で関数を終了します.(function
関数名(){
アクション})();
それで、あなたとの賭けは現在です:ファイルの実行が始まるとき、この機能はすぐに起動されます例を書きましょう
(function print(){
console.log("hello world");
})();
始めましょう実行しましょう.
しかし、待ち..私たちは、関数を変数に代入したいと言いました!では、こうしましょう.
let myPrint = (function print(){
console.log("hello world");
})();
今何が起こるかを使いましょう.なぜ動作しなかったのですか?
単純な答えは、IFEが自身を呼び出したからです.つまり、関数を変数に代入すると、すぐに呼び出された関数と“保存されたもの”が割り当てられます.まずは、呼び出しのかっこを削除してもう一度試してみましょう.
だから今では動作し、変数の型が未定義です
変数myprint文字列型を与えるために関数を変更しましょう.
唐辛子
それは匿名の機能であり、それだ!名前のない関数😁 .. 以下に構文を示します:
[ var≠no const ] variablename = function (){アクション}
この例で試してみましょう.
ここで関数を変数に代入しなければならないことに注意してください
余分な例:匿名関数とIFE😎:
唐差
そして、我々は最終的にここにいます..矢印関数構文を次の手順で書きましょう.
まずは匿名関数構文を上から盗みましょう
[var|let|const] variableName = function(){actions}
次の関数のキーワードを削除します.
[var|let|const] variableName = (){actions}
最後に括弧の後に(=>)を追加します.[var|let|const] variableName = ()=>{actions}
……これは私たちの構文です.例:
let myPrint = ()=> {
return "hello world";
}
レッツゴー!ここで我々は終わりに達した..ハッピーインボイス😊
Reference
この問題について(通常の関数から矢印関数へのブリッジ), 我々は、より多くの情報をここで見つけました https://dev.to/manarabdelkarim/types-of-javascript-functions-a-bridge-from-regular-function-to-arrow-function-2bjcテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol