ホームページ > 記事 > ウェブフロントエンド > JavaScriptでは関数名を書けないのでしょうか?
Javascript 関数では関数名を記述する必要はありません。名前のない関数は「匿名関数」と呼ばれます。この関数には関数キーワード、パラメーター、関数本体のみが含まれており、構文は「function ( [引数]){ステートメント}" 。匿名関数の機能: 1. 無名関数を通じてクロージャを実現できます; 2. ブロックレベルのスコープをシミュレートし、グローバル変数を削減します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
Javascript 関数は関数名を記述する必要がなく、名前のない関数を「無名関数」と呼びます。
#匿名関数: 実際の名前のない関数。
匿名関数には、関数キーワード、パラメーター、関数本体のみが含まれます。具体的な使用法は次のとおりです。function ([args]) { statements }最初に通常の関数を宣言します:
//声明一个普通函数,函数的名字叫fn function fn(){ console.log("web-chubby"); }次に、関数の名前を削除して匿名関数にします:
//匿名函数,咦,运行时,你会发现报错啦! function (){ console.log("web-chubby"); }At thisポイント、これだけでもわかります。匿名関数を実行すると、構文要件を満たしていないため、エラーが報告されます。 解決策: 匿名関数を括弧で囲んで式にします:
//匿名函数在其它应用场景括号可以省略 (function (){ //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。 console.log("web-chubby"); })
匿名関数の実行方法と使用方法機能?
1. 匿名関数の実行匿名関数を実行する必要がある場合は、匿名関数の後に括弧を追加するだけです。つまり、関数をすぐに実行します(function () { alert('匿名函数执行方式一') })();
(function (m) { alert(m) }('这是匿名函数传进来的参数'));
匿名関数の適用
<input type="button" value="点我啊!" id="sub"> <script> //获得按钮元素 var sub=document.querySelector("#sub"); //给按钮增加点击事件。 sub.onclick=function(){ alert("当点击按钮时会执行到我哦!"); } </script>
##
//将匿名函数赋值给变量fn。 var fn=function(){ return "我是一只小小小小留下,怎么飞也飞不高!" } //调用方式与调用普通函数一样 console.log(fn());//我是一只小小小小留下,怎么飞也飞不高!
var obj={ name:"web-chubby", age:18, fn:function(){ return "我叫"+this.name+"今年"+this.age+"岁了!"; } }; console.log(obj.fn());//我叫web-chubby今年18岁了!
//过滤出值为9的值 let numArr = [1, 5, 9, 10] let newArr = numArr.filter(function (item) { if (item !== 9) { return item } });
//将匿名函数作为返回值 function fn(){ //返回匿名函数 return function(){ return "web-chubby"; } } //调用匿名函数 console.log(fn()());//web-chubby //或 var box=fn(); console.log(box());//web-chubby
ブロック レベル スコープ。プライベート スコープとも呼ばれます。 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 学習チュートリアル]以上がJavaScriptでは関数名を書けないのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。