JavaScriptで名前のない関数の名前は何ですか?-フロントエンドQ&A-php.cn

JavaScriptで名前のない関数の名前は何ですか?

青灯夜游

リリース： 2023-01-04 09:35:51

オリジナル

2838 人が閲覧しました

JavaScript では、名前のない関数を「無名関数」と呼び、その構文は「function(){}」です。匿名関数の機能: 1. 無名関数を通じてクロージャを実現できます; 2. ブロックレベルのスコープをシミュレートし、グローバル変数を削減します。

JavaScriptで名前のない関数の名前は何ですか?

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

匿名関数: 実際の名前のない関数。

最初に通常の関数を宣言します:

//声明一个普通函数，函数的名字叫fn
function fn(){
    console.log("hello world");
}

ログイン後にコピー

次に、関数の名前を削除して匿名関数になります:

//匿名函数，咦，运行时，你会发现报错啦！
function (){
    console.log("hello world");
}

ログイン後にコピー

この時点で、次のことがわかります。別の関数を実行すると、構文要件を満たしていないため、匿名関数がエラーを報告します。解決策は、匿名関数を角かっこで囲むだけです。

//匿名函数在其它应用场景括号可以省略
(function (){
    //由于没有执行该匿名函数，所以不会执行匿名函数体内的语句。
    console.log("hello world");
})

ログイン後にコピー

匿名関数を実行する必要がある場合は、匿名関数の後に角かっこを追加して、すぐに実行します。

(function (){
    //此时会输出hello world
    console.log("hello world");
})()

ログイン後にコピー

値を渡す必要がある場合は、パラメータを括弧内に直接記述するだけです:

(function (str){
    //此时会输出hello world!
    console.log("hello");
})(" world!")

ログイン後にコピー

[推奨学習: JavaScript 上級チュートリアル]

匿名関数の適用シナリオ

1、イベント

<input type="button" value="点我啊！" id="sub">
<script>
    //获得按钮元素
    var sub=document.querySelector("#sub");
    //给按钮增加点击事件。
    sub.onclick=function(){
        alert("当点击按钮时会执行到我哦！");
    }
</script>

ログイン後にコピー

2、オブジェクト

var obj={
    name:"张三",
    age:18,
    fn:function(){
        return "我叫"+this.name+"今年"+this.age+"岁了！";
    }
};
console.log(obj.fn());//我叫张三今年18岁了！

ログイン後にコピー

3、関数式

//将匿名函数赋值给变量fn。
var fn=function(){
    return "我是一只小小小小留下，怎么飞也飞不高！"
}
//调用方式与调用普通函数一样
console.log(fn());//我是一只小小小小留下，怎么飞也飞不高！

ログイン後にコピー

4 、コールバック関数

setInterval(function(){
    console.log("我其实是一个回调函数，每次1秒钟会被执行一次");
},1000);

ログイン後にコピー

5、戻り値

//将匿名函数作为返回值
function fn(){
    //返回匿名函数
    return function(){
        return "hello world";
    }
}
//调用匿名函数
console.log(fn()());//hello world
//或
var box=fn();
console.log(box());//hello world

ログイン後にコピー

ブロックレベルのスコープを模倣します

ブロックレベルのスコープ、場所によってはプライベートスコープと呼ばれます。 JavaScript にはブロックレベルのスコープがありません。たとえば、

if(1==1){//条件成立，执行if代码块语句。
    var a=12;//a为全局变量
}
console.log(a);//12

for(var i=0;i<3;i++){
    console.log(i);
}
console.log(i);//4

ログイン後にコピー

if(){}for(){} などには独自のスコープがありません。独自のスコープ外に出ると、宣言された変数は直ちに破棄されます。ただし、匿名関数を使用してブロックレベルのスコープをシミュレートできます:

(function(){
    //这里是我们的块级作用域（私有作用域）
})();

ログイン後にコピー

ブロックレベルのスコープを試してください:

function fn(){
    (function(){
        var la="啦啦啦！";
    })();
    console.log(la);//报错---la is not defined
}
fn();

ログイン後にコピー

匿名関数の役割:

1. クロージャは匿名関数で実現可能クロージャについては以下の記事で解説します。ここで簡単に説明します。クロージャは、関数スコープ内で定義された変数にアクセスできる関数です。クロージャを作成するには、多くの場合、匿名関数を使用する必要があります。

2. ブロックレベルのスコープをシミュレートし、グローバル変数を削減します。無名関数の実行後、メモリに保存されている対応する変数が破棄されるため、メモリが節約されます。さらに、大規模な複数人による開発プロジェクトでは、ブロックレベルのスコープを使用すると、名前の競合の問題が大幅に軽減され、致命的な結果が回避されます。開発者は、グローバルスコープが台無しになることを心配する必要がなくなりました。

プログラミング関連の知識について詳しくは、プログラミングビデオをご覧ください。！

以上がJavaScriptで名前のない関数の名前は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。