インポート/エクスポートを使用しているときに矢印機能が機能しない理由

Question

このコードは、「表示が定義されていません」を示しています。

import {a} from './dis.js'; 
show =() =>{ 
    console.log(a); 
} 
show(); 

しかし、それは、なぜこれが

import {a} from './dis.js'; 
const show =() =>{ 
    console.log(a); 
} 
show(); 

に動作しますか？

Answer 1

これは矢印機能とは関係ありません。それは厳密なコードの性質です。 strictモードで作業しているときの例を見ることができます。どのようなES6モジュールについては、彼らは自動的にstrictモードです。

'use strict'; 
 

 
show = 4;

あなたは定義されていない変数showに矢印機能の参照を代入しようとしています。定義とは、変数にキーワードvar,letまたはconstを定義したことを意味します。

最初のコード部分では、これらのキーワードで宣言していないため、変数を検索しようとしますが、その名前で定義されたものは見つかりません。だからそれはエラーを投げる。

2番目のコード部分では、showという名前の変数を定義してから、矢印関数への参照を割り当てます。だからすべてがOKです。

Answer 2

これは矢印の機能によるものではありません。 showに値を割り当てようとしていますが、その変数をどこにも定義していません。 JSで作品を定義せずに割り当てる際var、letまたはconst

を使用して、それを定義し、それはお勧めできません、とstrictモードでは使用できません。