フェーズ4

フェーズ4は終わりまで来ています、そして、それで、新しいプロジェクト週は始まります!または終わり.しかし、それにもかかわらず、新しい洞察力は、この旅を通して私の方法を来ていると私は私の大切な読者と私の新たな知識を共有するよりも何よりも好きになる!
JavaScriptはタフです.JavaScriptを使用して起動しない限り、それを回避する本当の方法はありませんが、それでも、言語は本当の心ベンダーです!私のフェーズ4プロジェクトを設計する際の最大の障害は、どこに行くか、何をするか、最も重要なのはJavaScriptの同期した実施例を管理する方法でした.
その前に、私は素晴らしいAmanana綿という名前の素晴らしいFlatironインストラクターから学んだこの美しいマントラを共有したいです.いくつかの出来事が起こるとき、私はどんな種類のフェッチをして、それからどのようにDOMを操作したいですか?」これは、私の脳を始めから終わりまで片道トラックに集中させました.単にイベントリスナーを展開したい要素に追加し、イベントがリスニングされた後にバックエンドを操作するためにフェッチを使用し、最後にDOMを変更してフロントエンドの変更を反映します.簡単に右を覚えていますか?
今同期に戻る.これが意味するのは、JavaScriptが一度に1つの操作を実行するということです.しかし、若干のものは、少しかかります.バックエンドサーバの操作など.あなたのアプリケーションの残りの部分には、1つまたは複数の特定の操作を待つ必要がないので、我々は約束と呼ばれるこれらのものを使用します.約束は、毎日の生活の中では、基本的にはJavaScriptは、我々はすべての他のすべての心配なしに読み込むことができるタスクを実行することを約束を教えているようです.約束が失敗したとしても、その失敗を捕らえて何かをするためにキャッチを使います.
フェッチリクエストは、このプロセスを簡単にすると、約束の構文は、フェッチ要求を作成したいURLを取る簡単な単語“フェッチ”に結合されます.返される情報が返されたときに何をしたいのかは、". then "sを通してchonされます.
これを視覚化するには、“iremind”と呼ばれるアプリケーションからのフェッチ要求です

 getLists(){
        fetch(this.baseListURL)
        .then(response => response.json())
        .then(lists => {
            lists.data.forEach(list => {
                let newList = new List(list, list.attributes)
                document.querySelector("#list-container").innerHTML += newList.renderList()
            })
            reminderForm.addCreateReminderForm()
        })
    }

ここでは、私はRails APIバックエンド内に格納されているすべてのリストを取得したかった.

fetch(this.baseListURL)

これは、baselisturlが他の場所でグローバルな定数に格納されたバックエンドへのURLである取得要求です.

.then(response => response.json())

私が私のプログラムにJSONにその反応を回すように言う所で、一旦フェッチされるならば、ここでは、chon - onタスクです!

.then(lists => {
            lists.data.forEach(list => {
                let newList = new List(list, list.attributes)
                document.querySelector("#list-container").innerHTML += newList.renderList()
            })
            reminderForm.addCreateReminderForm()
        })
    }

最終的なコードの残りの部分は単にリストとしてJsonifyデータを名前付けます.そして、それは私がそれから私が喜ばせたようにデータを操作したかったものです.
Mantraと一緒にリクエストをフェッチします.いくつかの出来事が起こるとき、私はどんな種類のフェッチを作りたいですか私の理解に不可欠だったし、実際にドットを彼らはそれ以外の場合よりも簡単に接続していた.うまくいけば、これはあまりにもあなたのためのギャップの一部をクリア!次まで.