ES6(一)let、const – 技术分享


    {
        let a=100;
        var b=200;
    }
    //console.log(a); //a is not defined
    console.log(b);
    {
        var c=[],d=[];
        for(let i=0;i<10;i++){
            c[i]=function () {
                console.log(i)
            };
        }
        for(var j=0;j<10;j++){
            d[j]=function () {
                console.log(j)
            };
        }
        c[3]();//3
        d[3]();//10
    }
    {
        console.log("let 不存在变量提升");
        console.log("const 不存在变量提升")
    }
    {
        console.log("暂时性死区TDZ,本质：块作用域+不存在变量提升");
        var tmp=111;
        if(true)
        {
//            tmp="qqq"; //tmp is not defined
//            console.log(tmp);
            let tmp;
            console.log(tmp);
        }
    }
    {
        console.log("let不允许相同作用域重复申明变量")
    }
    {
        console.log("let实际上为js增加了块级作用域");
        function fn1() {
            let n=5;
            if(true)
            {
                let n=666;
            }
            console.log(n);//5
        }
        fn1()
    }
    {
        console.log("const声明常量，一旦声明便不能改变");
        console.log("import、export浏览器不支持需要转码");
        //跨模块常量
        //constants.js
//        export const A = 1;
//        export const B = 2;
//        export const C = 3;
        //test1.js
//        import * as constants from './constants';
//        console.log(constants.A);
//        console.log(constants.B);
        //test2.js
//        import {A,B} from './constants';
//        console.log(A);
//        console.log(B);
    }
    {
        console.log("全局对象的熟属性");
        var e=9;
        console.log(window.e);//9
        let f=10;
        console.log(window.f);//undifined
    }

{

let a=100;

var b=200;

}

//console.log(a); //a is not defined

console.log(b);

{

var c=[],d=[];

for(let i=0;i<10;i++){

c[i]=function () {

console.log(i)

};

}

for(var j=0;j<10;j++){

d[j]=function () {

console.log(j)

};

}

c[3]();//3

d[3]();//10

}

{

console.log("let 不存在变量提升");

console.log("const 不存在变量提升")

}

{

console.log("暂时性死区TDZ,本质：块作用域+不存在变量提升");

var tmp=111;

if(true)

{

// tmp="qqq"; //tmp is not defined

// console.log(tmp);

let tmp;

console.log(tmp);

}

{

console.log("let不允许相同作用域重复申明变量")

}

{

console.log("let实际上为js增加了块级作用域");

function fn1() {

let n=5;

if(true)

{

let n=666;

}

console.log(n);//5

}

fn1()

}

{

console.log("const声明常量，一旦声明便不能改变");

console.log("import、export浏览器不支持需要转码");

//跨模块常量

//constants.js

// export const A = 1;

// export const B = 2;

// export const C = 3;

//test1.js

// import * as constants from './constants';

// console.log(constants.A);

// console.log(constants.B);

//test2.js

// import {A,B} from './constants';

// console.log(A);

// console.log(B);

}

{

console.log("全局对象的熟属性");

var e=9;

console.log(window.e);//9

let f=10;

console.log(window.f);//undifined

}

参考链接:ES6标准入门