プログラミング勉強

JavaScriptの

三項演算子 scoreの値に応じて返却する値が決まります。もちろんif文で制御することもできますが、これを使うとスッキリ書くことができますね。 for…of 配列の中身を[i]で走査する必要はないのですね。 NodeListを走査することもできます。 オブジェクトはfor..ofできないのですが、for…inできます key項目が走査されています。 こんな感じでvalueにアクセスできます

2019年9月19日

クリックイベントとthisとラムダ式

前回の記事でJavaScriptは発火場所によってthisのコンテキストが違うことがわかりました。 今回は、それを踏まえて自分がハマった箇所をご紹介します。 グローバルオブジェクトにpriceを紐づけるため、varを使っています。そしてhtml要素の中にはbuttonを用意します このボタンを押下した時にfuncメソッドが呼ばれるのですが、グローバルに登録してあるpriceにthisを使ってアクセスできないという自体が発生します。 th […]

2019年9月19日

JavaScriptのletとthis

letで宣言した場合、windowに紐づかないそうです。constも同じ。 letをvarにするとアクセスできるようになります。 次はボタンを設置しました。このボタンを押下していきます thisはグローバルオブジェクトではないですね。this.はbutton本体になっています。そのためpriceというプロパティがないのでundefinedが表示されています。 ラムダ式とthis setTimeoutのコールバック関数をラムダ式で定義する […]

2019年9月19日

JS勉強記録-ランダム値

テンプレートリテラル ランダム値を取得する 0.0~0.9までの値が出力されています。 Math.floorを使うと0になりました。ここで掛け算をしてみます 0.9*4=3.6でMath.floorで3になります。0から掛けた数-1を最大値として取得できる。 以上を踏まえると、引数で指定した最大値までのランダム値を取得する関数はこうなります。 最小値を指定してランダム値を取得する 最小値を指定するということは、範囲を指定するということで […]

2019年8月25日