動的Webアプリケーションは、の誕生後に誕生しました。 。 Webアプリケーションの人気が高まるにつれ、 JavaScript 今日の世界で最も重要な言語の1つになっています。このJavaScript関数の記事では、JavaScriptで関数を定義するさまざまな方法を次の順序で説明します。
JavaScriptの紹介
JavaScriptは 上級 、 インタープリタ型プログラミング言語 Webページをよりインタラクティブにするために使用されます。これは非常に強力なクライアント側のスクリプト言語であり、Webページをより活気のあるインタラクティブなものにします。
c ++ソートリスト
これは、Webページに複雑で美しいデザインを実装するのに役立つプログラミング言語です。あなたのウェブページが生き生きと見えるようにし、あなたをただ見つめる以上のことをしたいのなら、JavaScriptは必須です。
JavaScriptの基礎
あなたがその言語に不慣れであるならば、あなたはいくつかを知る必要があります JavaScriptの基礎 それはあなたがあなたのコードを書き始めるのを助けるでしょう。基本は次のとおりです。
- 配列
- 機能
あなたはチェックアウトすることができます JavaScriptのこれらの基本的な概念と基本を深く理解するために。このJavaScript関数の記事では、関数を定義するさまざまな方法に焦点を当てます。
JavaScript関数
JavaScript関数は コードのブロック これは、特定のタスクを実行するように設計されています。関数を呼び出すことで実行できます。これはとして知られています 呼び出す または 召命 機能。
関数を使用するには、呼び出し元のスコープ内のどこかに関数を定義する必要があります。アイデアは、いくつかの一般的に実行されるタスクをまとめて関数を作成し、異なる入力に対して同じコードを何度も書く代わりに、その特定の関数を呼び出すことができるようにすることです。
基本 構文 JavaScriptで関数を作成するには、次のようにします。
function functionName(Parameter1、Parameter2、..){//関数本体}
JavaScriptは、さまざまな組み込みまたは 事前定義された関数 。ただし、ユーザー定義関数を作成することもできます。それでは、先に進んで、一般的に使用される事前定義された関数のいくつかを見てみましょう。
事前定義された関数
JavaScriptには、いくつかのトップレベルの組み込み関数があります。言語に組み込まれているいくつかの関数を見てみましょう。
機能 | 説明 |
評価 | 文字列/算術式を評価し、値を返します。 |
ParseInt | 文字列引数を解析し、指定された底の整数を返します。 |
ParseFloat | 文字列引数を解析し、浮動小数点数を返します。 |
逃れる | 引数の16進エンコーディングを返します。 |
脱出解除 | 指定された値のASCII文字列を返します。 |
例を見て、これらの事前定義された関数がJavaScriptでどのように機能するかを見てみましょう。
var x = 10 var y = 20 var a = eval( 'x * y')// Eval var b = parseInt('10 .00 ')// ParseInt var c = parseFloat(' 10 ')// ParseFloat escape(' Welcome to Edureka ')// Escape unescape(' Welcome to Edureka ')// Unescape
JavaScript関数を定義するさまざまな方法
関数はさまざまな方法で定義できます。関数が外部コンポーネントおよび呼び出しタイプとどのように相互作用するかを確認することが重要です。さまざまな方法が含まれます:
関数宣言
関数宣言は、 関数キーワード 、必須関数名、リスト パラメーター 括弧とボディコードを区切る中括弧のペアで。
これは次のように定義されます。
Linuxシステム管理者の役割と責任
//関数宣言functionisEven(num){return num%2 === 0} isEven(24)// => true isEven(11)// => false
関数 isEven(num) 数値が偶数かどうかを判別するために使用される関数宣言です。
関数式
関数式は、 関数キーワード 、その後にオプションの関数名、括弧内のパラメーターのリスト、および本体コードを区切る中括弧のペアが続きます。
これは次のように定義されます。
const count = function(array){//関数式return array.length} const methods = {numbers:[2、5、8]、sum:function(){//関数式return this.numbers.reduce(function( acc、num){//関数式return acc + num})}} count([1、7、2])// => 3 methods.sum()// => 15
関数式は、次のようなさまざまな状況で使用できる関数オブジェクトを作成します。
- に割り当てることができます 変数 として オブジェクト: count = function(…){…}
- 作成する 方法 オブジェクトの合計:function(){…}
- 使用 関数 持っている 折り返し電話: .reduce(function(…){…})
簡略メソッドの定義
簡略メソッド定義は、のメソッド宣言で使用されます オブジェクトリテラル およびES6クラス。を使用してそれらを定義できます 関数名 、続いてのリスト パラメーター 括弧と中括弧のペアで、本文のステートメントを区切ります。
次の例では、オブジェクトリテラルで簡略メソッド定義を使用しています。
const collection = {items:[]、add(... items){this.items.push(... items)}、get(index){return this.items [index]}} collection.add( 'edureka '、'オンライン '、' JavaScript ')collection.get(1)// =>' edureka '
速記アプローチにはいくつかあります 利点 次のような従来のプロパティ定義に対して:
- それは持っています 短い構文 これにより、読み取りと書き込みが簡単になります。
- これにより、関数式とは逆に、名前付き関数が作成されます。便利です デバッグ。
矢印機能
矢印関数は、パラメーターのリストを含む括弧のペアと、それに続く 太い矢印 (=>)およびbodyステートメントを区切る1組の中括弧。
次の例は、矢印関数の基本的な使用法を示しています。
const absValue =(数値)=> {if(数値21 absValue(7)// => 7
ここに、 absValue 数値の絶対値を計算する矢印関数です。
ジェネレーター機能
JavaScriptのジェネレーター関数は 発生器 オブジェクト。構文は、関数式、関数宣言、またはメソッド宣言に似ています。しかし、それは必要です スター文字(*) 。
C ++の名前空間
ジェネレーター関数は、次の形式で宣言できます。
- 関数宣言フォーム関数*():
function * indexGenerator(){var index = 0 while(true){yield index ++}} const g = indexGenerator()console.log(g.next()。value)// => 0 console.log(g.next( ).value)// => 1
- 関数式フォーム関数*():
const indexGenerator = function *(){let index = 0 while(true){yield index ++}} const g = indexGenerator()console.log(g.next()。value)// => 0 console.log(g。 next()。value)// => 1
const obj = {* indexGenerator(){var index = 0 while(true){yield index ++}}} const g = obj.indexGenerator()console.log(g.next()。value)// => 0コンソール。 log(g.next()。value)// => 1
ジェネレータ関数は、 オブジェクトg 3つのケースすべてで。次に、一連の増分数を生成するために使用されます。
関数コンストラクター
関数がコンストラクターとして呼び出されると、 新機能 創造された。コンストラクターに渡される引数は、新しい関数のパラメーター名になります。ここでは、最後の引数が 機能本体 コード。
例えば:
function sum1(a、b){return a + b} const sum2 = function(a、b){return a + b} const sum3 =(a、b)=> a + b console.log(typeof sum1 === 'function')// => true console.log(typeof sum2 === 'function')// => true console.log(typeof sum3 === 'function')// => true
これらは、JavaScriptで関数を定義するためのさまざまな方法の一部でした。これで、記事は終わりです。 JavaScript関数とは何か、そしてそれらを定義するためのさまざまな方法を理解していただければ幸いです。
JavaScript関数について理解したので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なウェブサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。
質問がありますか? 「JavaScript関数」のコメント欄にご記入ください。折り返しご連絡いたします。