ES6.2-グローバル変数とモジュール間変数

1064 ワード

クロスモジュール定数
  • const宣言定数は、現在のコードブロックでのみ有効です.ページにモジュール間定数
  • を設定する必要がある場合
    //con.js  
    export const A = 1;
    export const B = 2;
    
    //A.js
    import * as con from './con.js';
    console.log(con.A);
    console.log(con.B);
    
    //B.js
    import {A,B} from './con.js';
    console.log(A);
    console.log(B);
    
    
    //function.js  
    function toDipsWidth(px) {
        return px * screenWidth / defultWidth;
    
    }
    //top, bottom, height       
    function toDipsHeight(px) {
      return px * screenHeight / defultHeight;
    }
    export {
        toDips,
        toDipsWidth,
        toDipsHeight,
    
    };
    
    // c.js  
    import { toDips, toDipsWidth, toDipsHeight } from '../../../common/utils/PixelRatioUtils';
    toDips(750)
    

    グローバルオブジェクトのプロパティ
  • ES 5では、グローバルオブジェクトの属性とグローバル変数は等価な
  • である.
        window.a = 1;
        console.log(a);  // 1
    
        var b = 2;
        console.log(window.b)  //2
    
  • ES 6では、varコマンドとfunction宣言のグローバル変数は依然としてグローバルオブジェクト属性であり、let、const、class宣言のグローバル変数はグローバルオブジェクトの属性に属しません.
  • let b = 1;
    console.log(window.b)  // undefined