首页 > 其他分享 >ES6-1

ES6-1

时间:2022-09-19 11:59:18浏览次数:71  
标签:function ES6 console log cc let var

<!-- <script>
    window.onload = function () {
        var a = 10;
        let b = 20;
        const c = 30;

        // ES5 预解析 变量提升  var function    结果 undefined 
        console.log(x);
        var x = 11;
        // ES6 中 直接报错
        //---------------------------------------------------------------------
        var aa = 11;
        var aa = 22;
        console.log(aa);  // ES5不报错  aa=22;

        let bb = 22;
        //let bb=33;   //ES6直接报错了,同一个作用域 不能出现相同的变量名称
        //-----------------------------------------------------------------------
        //ES6出现块级作用域

        function ff() {
            var cc = 111;
            if (true) {

                var cc = 999;
            }
            console.log(cc)  //999
        }
        function fff() {
            let cc = 111;
            if (true) {
                let cc = 999;
                console.log(cc)  //999
            }
            console.log(cc)  //111
        }
        //-------------------------------------------------
        function ddd1(i) {
            var i = 1000;
            console.log(i) // 1000   参数名 和变量名重了  var可以  let不行
        }
        ddd1(88);
        function ddd(i) {
            // let i = 1000;
            console.log(i) // Identifier 'i' has already been declared   参数名 和变量名重了
        }
        ddd(99);


        ff();
        fff();
        //-----------------------------------------------

        for (var i = 0; i < 5; i++) { }
        console.log(i)   // 5    var 把i 提升为全局变量了 相当于var i=1 ; var i=2... var i=5;
        for (let i = 0; i < 5; i++) { }
        console.log(i)   //     Identifier 'i' not fund  

        var arr = [];
        for (let i = 0; i < 5; i++) {
            arr[i] = (() => {
                console.log(i)
            })
        }
        arr[3]()     // var 都为5     改为let 则为对应的数字
        arr[1]()
    }

</script> -->

 

标签:function,ES6,console,log,cc,let,var
From: https://www.cnblogs.com/soulice/p/16707236.html

相关文章

  • ES6-3
    window.onload=function(){//---------------------------------------数组解构-----------------let[x,y,z]=[true,[1,2,3],{id:......
  • ES6全
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • ES6 对String做的常用升级优化
    ES61.let有什么用,为什么有了var还要使用let在ES6之前,声明变量只能用var,var声明变量有很多不合理的点,准确的说是因为ES5中没有块级作用域是很不合理的,甚至可以说是一门语......
  • ES6 let关键字和var关键字的区别
    建议:在默认情况下使用const,而只有在你知道变量值需要被修改的情况下使用let......
  • Es6 模块化规范(import)
    index.js文件://第1种导出方式exportletaddress="cz";exportletobj={b:2};//import/export输出的是值的引用address="河北省沧州市"//当前文件执行完......
  • 了解 ES6 中 var、let 和 const 的范围
    了解ES6中var、let和const的范围了解ES6中的全局、本地和块级作用域发病前ES2015(ES6),这曾是statement是在JavaScript中声明变量的唯一选项。然而,由于......
  • new Set()的基础用法(ES6)
    1、什么是Set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。Set本身是一个构造函数,用来生成Set数据结构2、......
  • 学习现代 JavaScript (ES6+) 的基础知识
    学习现代JavaScript(ES6+)的基础知识您应该在代码中开始使用的10个现代功能您可能已经知道JavaScript是一种功能丰富的编程语言,每次更新都会不断增强。有很多事......
  • es6中箭头函数
    箭头函数相当于匿名函数,简化了函数定义。 箭头函数有两种写法,当函数体是单条语句的时候可以省略{}和return。另一种是包含多条语句,不可以省略{}和return。 特点箭......
  • ES6 关键字 let 和 ES5 及以前关键字 var 的区别
    var在ES5及以前,通过var在块级作用域中声明的变量,外边也可以访问。块级作用域就是一对{}的作用域;块级作用域可以是控制语句的作用域,也就是非函数的作用域。functionf()......