JavaScript - プロトタイプについて質問がありますか?

Question

プロトタイプチェーンを使って都道府県と市区町村を結び付けるメソッドを書き、初期関数に変数を入れてプロトタイプチェーンを使って拡張していきます。初期化中は問題ありませんでしたが、onchange を使用して州または都市を選択するときに問題が発生しました。selectProvince と selectCity の属性オプションが見つかりませんでした...

ringa_lee · Answer

コールバック関数には正しいこの環境が必要です。

この行を入れてください

リーリー

が

に変更されましたリーリー

滿天的星座 · Answer

上で述べたように、このポインタには問題があります:

this.selectProvince.onchange = this.changeProvince;

select の変更イベントのハンドラー関数が this.changeProvince であり、それへの参照であるということですね。

実際には次のようになります:

リーリー

問題が見えますか？イベントハンドラー関数の this指的是dom对象，即document.getElementById(selectProvince) には、確かに必要なものがありません。

は上記のように this.selectCity.onchange = this.changeCity.bind(this)

に置き換えることができます

this.selectCity.onchange = this.changeCity; 这样写只是表示selectCity.onchange 也是 this.changeCity这个函数，在js中，this的指向是实际运行时才决定，在onchange事件触发时，this.changeCity 函数内的this为dom元素，所以就出错了。bind方法可以替换函数内的this 新しい関数を生成するポイント。

は this.changeCity.bind(this)这句在运行时，已经将this.changeCity函数内的this替换为了当前的this (これはインスタンスオブジェクトを指します) で、必要な効果を実現します。