−サイドバー
js:function:basic
JavaScript 関数の定義
— y2sunlight 2021-04-05
関数の定義
function文
function 関数名(引数, ･･･) { // 本体 return 戻り値; }
1 2 3 4 |
console.log(getArea(10, 20)); // 結果：200function getArea(height, width) { return height * width;} |
Functionコンストラクタ
var 変数名 = new Function(引数, ･･･, 関数本体);
1 2 3 4 5 |
var func1 = new Function('height', 'width', 'return height * width');var func2 = new Function('height, width', 'return height * width');// どちらの形式でも良いconsole.log(func1(10, 20)); // 結果：200console.log(func2(10, 20)); // 結果：200 |
関数リテラル
var 変数名 = function(引数, ･･･) { // 関数本体 return 戻り値; };
1 2 3 4 |
var func = function(height, width) { return height * width;};console.log(func(10, 20)); // 結果：200 |
関数リテラルは、無名関数又は匿名関数とも呼ばれる。
アロー関数
var 変数名 = (引数, ･･･) => { // 関数本体 return 戻り値; };
1 2 3 4 |
var func = (height, width) => { return height * widht;};console.log(func(10, 20)); |
1 2 |
var area = r => Math.PI * r * r;console.log(area(10)); |
1 2 |
var sayHello = () => console.log('Hello');sayHello(); |
第１級オブジェクト
JavaScriptの関数は第１級オブジェクトである。
- 変数へ格納できる
- 引数にできる
- 戻り値にできる
- コンストラクタできる
- 独自の存在をもつ（無名可能）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function func1(height, width){return height * width} var func2 = new Function('height, width', 'return height * width');var func3 = function(height, width){ return height * width };var func4 = (height, width) => { return height * width }; function callFunc(height, width, func){ console.log(func(height, width));} callFunc(1, 10, func1); // 結果：10callFunc(2, 10, func2); // 結果：20callFunc(3, 10, func3); // 結果：30callFunc(4, 10, func4); // 結果：40 |
js/function/basic.txt · 最終更新: 2021/04/19 13:05 by tanaka
特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
