JavaScriptは、私はちょうどこのJavaスクリプトコードに直面したのconst

Question

に反応しますかその意味は何ですか？

おかげ

Answer 1

これはDestructuring Assignmentの一例です。基本的には、提供される各オブジェクトキーから変数を宣言しています。あなたはそれだ、同様に「constの」についてthis has a good explanation

Answer 2

を求めている場合は、これに加えて

console.log(this.props.uname) 

とは対照的に、

console.log(uname) 

のようなこれらの変数にアクセスできるようになりますオブジェクトdestructuring assignment。コード例では、this.propsオブジェクトを割り当ての左側にある別の定数（myKey、uname、issorted ...）にデータを抽出します。例えば ​​- 宣言した定数（myKey、uname、issortedが...）、対応するオブジェクトのプロパティの値を持っているでしょう言及したコードを呼び出した後

this.props = { 
    myKey: 'value1', 
    uname: 'value2', 
    issorted: 'value3', 
    title: 'value4', 
    hClick: 'value5' 
} 

：だからthis.propsはこのような目的であった場合myKey定数はvalue1に等しくなります。あなたのコードサンプルconstで

は、オブジェクトデータがconstantsに抽出されますが、もちろんあなたもletまたはvarで宣言された変数を使用することができることを伝えます。

Answer 3

最近のバージョンのJavascriptでは、オブジェクトの中から特定の値にアクセスし、それらをローカライズする一般的な方法として、非構造化が採用されています。

この場合、this.propsには、可能であれば、myKey, uname, issorted, title, hClickのプロパティが含まれています。オブジェクト全体をコピーするのではなく、特定のプロパティを取得するために、指定したコードで示されているように、割り当てを破棄し、名前に従って各プロパティをローカライズします。