東京工業大学情報理工学院 AO 入試活動実績報告書氏名 ( よみ ): 大岡山花子 ( おおおかやまはなこ ) 高等学校 : 県立高等学校 (2019 年 3 月卒業卒業予定 ) 活動実績概要 (150 字程度 ): JavaScript ではコールバックを多用することがある. これはプロ

Size: px

Start display at page:

Download "東京工業大学情報理工学院 AO 入試活動実績報告書氏名 ( よみ ): 大岡山花子 ( おおおかやまはなこ ) 高等学校 : 県立高等学校 (2019 年 3 月卒業卒業予定 ) 活動実績概要 (150 字程度 ): JavaScript ではコールバックを多用することがある. これはプロ"

せぴあちゅうか
4 years ago
Views:

1 東京工業大学情報理工学院 AO 入試活動実績報告書氏名 ( よみ ): 大岡山花子 ( おおおかやまはなこ ) 高等学校 : 県立高等学校 (2019 年 3 月卒業卒業予定 ) 活動実績概要 (150 字程度 ): JavaScript ではコールバックを多用することがある. これはプログラム全体の見通しを悪くするため, コールバック地獄と呼ばれる. そこで JavaScript でコールバック地獄が起こる原因と既存の解決方法について調査した. 主な原因は JavaScript ではプリエンプションが一切ないことにあると分かった. 既存の解決策としては,Promise などがあるが, これらも十分ではないと分かった. 活動実績の実施状況 : 志願者が単独で行った教師などからの指導を受けながら志願者が単独で行った共同で行ったその他報告書本体ページ数 ( 表紙を含まない ): 4 ページ注意 : 報告書本体を 4 ページ以内で作成しこの表紙と一緒に提出すること報告書本体の形式は自由とするが文字の大きさは 10 ポイント以上にすることまた内容として活動実績の背景具体的な内容活動実績の実施状況の説明参考にした資料の一覧などを必ず含むこと報告書本体に活動実績を志願者が単独で行ったか否か共同で行った場合は自身の役割指導を受けた場合はどの部分に対する指導か等の説明を書くこと報告書本体には氏名学校名はどうしても必要な場合を除いて書かないこと

2 JavaScript JavaScript 15 Promise for JavaScript 1 JavaScript Web Ajax DOM Greasemonkey Tampermonkey Web JavaScript 1 JavaScript JavaScript Run-to-Completion Promise Generator Async/Await RxJS JavaScript JavaScript JavaScript preemption Web C sleep printf (" aaa \n "); sleep (10); // 10 printf (" bbb \n "); JavaScript settimeout console. log (" aaa "); settimeout ( function () { console. log (" bbb ");, 10 * 1000); // 2 settimeout 1 10 settimeout 10 settimeout 10 bbb 1

3 実行キュー A B C 実行完了で次のコールバック関数を実行イベント発生で実行可能になったコールバック関数を登録 1: JavaScript settimeout ( function () { console. log (" bbb ");, 10 * 1000); while ( true ); // JavaScript Run-to-Completion 1 JavaScript Run-to-Completion JavaScript [1] Web [2] 1 A B C JavaScript try-catch this 2.2 Ajax for JavaScript for for Ajax JavaScript do all task 2

4 function slow_ task ( name, callback ) { settimeout ( callback, 10 * 1000); function do_ all_ task ( array ) { if ( array. length == 0) return ; var name = array. shift (); slow_ task ( name, function () { do_all_task ( array ); ); do_all_task ([" a", "b", "c", "d "]); slow task 1 slow task do all task 5 queue-test.js [6] Ajax 5 JavaScript 750 queue-test.js Future Promise Generator Async/Await RxJS 15 Promise Promise Promise.then.then a b c d ); slow_task ("a"). then ( function (){ return slow_task ("b ");). then ( function (){ return slow_task ("c ");). then ( function (){ return slow_task ("d ");); Promise 1 resolve 2 reject for a, b, c, d a, d, d, d 3

5 ); var array = ["a", "b", "c", "d "]; var p = slow_task ("a"); array. shift (); for ( name of array ) { p = p. then ( function () { return slow_ task ( name ); ); name for name ); var array = ["a", "b", "c", "d "]; var p = slow_task ("a"); array. shift (); for ( var name of array ) { ( function () { // var name2 = name ; p = p. then ( function () { return slow_ task ( name2 ); ); )(); //.then Run-to-Completion for Promise 3 1 Web [2] [3] [4] [5] Web [1] Standard ECMA-262 ECMAScript 2016 Language Specification, publications/standards/ecma-262.htm [2] Effective JavaScript D. Herman ISBN-10: [3] [4] [5] [6]

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++