ES6语法_var、let 、 const、解析表达式、模板字符串、箭头函数、map 、reduce、Object优化(一)

简介: ①. let | const | var②. 数组、对象解析表达式

写在最前面:


(1). ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本),是JavaScript语言的下一代标准,2015年6月正式发布,从ES6开始的版本号采用年号,如ES2015,就是ES6。ES2016就是ES7


(2). ECMAScript是规范,JS的规范的具体实现。


①. let | const | var


  • ①. let是块级作用域,函数内部使用let定义后,对函数外部无影响


      <script>
        //1.var申明的变量有变量提升,如果不初始化会输出undefined,不会报错。
        console.log(num)//undefined
        var num = 10
        console.log(num)//10
        console.log(num2)//报错 (let申明的变量没有变量提升)
        let num2 = 10
        console.log(num2)//10
        //2.外部的num变量与内部let声明的变量是没有关系的
      //利用let声明的变量会绑定在这个块级作用域,不会受外界的影响
        var num3=10
        if(true){
             //由于内部的num3和外部没有关系,这里的num3是let num3,所以这里会报错
             console.log(num3)
             let num3=5;
             console.log(num3)
        }
        //3.let只能声明一次,声明多次相同变量会报错
        let a=5;
        let a=10;
      </script>


②. const定义的变量不可以修改,而且必须初始化


    <script>
        /*
        1、具有块级作用域
        2、声明常量必须赋值
        3、赋值后值不能修改(存储地址不可更改)
        */
        //例
        const ary = [100, 200];
        ary[0] = 'a'; 
        ary[1] = 'b'; 
        console.log(ary); // ['a', 'b'];
        ary = ['a', 'b']; // Assignment to constant variable
    </script>


③. var定义的变量可以修改,如果不初始化会输出undefined,不会报错


②. 数组、对象解析表达式


  • ①. 解析表达式两种情况


  1. 数组赋值:如果解构不成功,变量的值为undefined


  1. 对象赋值


    <script>
        //1.数组赋值
        let [a, b, c, d] = [1, 2, 3];
        console.log(a)//1
        console.log(b)//2
        console.log(c)//3
        console.log(d);//undefined
        //如果解构不成功,变量的值为undefined
        //2.对象赋值
        let {name,age}={"name":"xiaozhi","age":23}
        console.log(name)
        console.log(age)
    // 起別名
        let person={name:"tangzhi",age:"24"}
        let {name:myName,age:myAge}=person;
        console.log(myName);
        console.log(myAge);
    </script>
相关文章
|
JavaScript 前端开发 C++
|
7月前
|
安全 IDE Java
重学Java基础篇—Java Object类常用方法深度解析
Java中,Object类作为所有类的超类,提供了多个核心方法以支持对象的基本行为。其中,`toString()`用于对象的字符串表示,重写时应包含关键信息;`equals()`与`hashCode()`需成对重写,确保对象等价判断的一致性;`getClass()`用于运行时类型识别;`clone()`实现对象复制,需区分浅拷贝与深拷贝;`wait()/notify()`支持线程协作。此外,`finalize()`已过时,建议使用更安全的资源管理方式。合理运用这些方法,并遵循最佳实践,可提升代码质量与健壮性。
217 1
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
151 1
ES6中map对象的使用,确实比Object好使哈
|
存储 算法 Java
滚雪球学Java(42):探索对象的奥秘:解析Java中的Object类
【5月更文挑战第17天】🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!
136 2
滚雪球学Java(42):探索对象的奥秘:解析Java中的Object类
|
SQL 自然语言处理 前端开发
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
114 2
|
Java
【Java】Object类简单解析
【Java】Object类简单解析
135 1
|
SQL 自然语言处理 JavaScript
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
ES6,作为ECMAScript 2015的简称,标志着JavaScript编程语言的一个重要进化节点。它不是渐进的变化,而是一次飞跃式的更新,为开发者带来了一系列强大的新特性与语法糖,极大提升了代码的简洁性、可读性和运行效率。从新的变量声明方式let与const,到优雅的箭头函数、模板字符串,再到让对象操作更为灵活的解构赋值与增强的对象字面量,ES6的每项改进都旨在让JavaScript适应日益复杂的应用场景,同时保持其作为脚本语言的活力与魅力。本文是深入探索这些核心特性的起点,为你铺开一条通向高效、现代JavaScript编程实践
144 0
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`&#39;1.2,2,3,4,5&#39;`)转换为对象数组。通过使用`split(&#39;,&#39;)`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
602 2
|
存储 JavaScript 前端开发
【JavaScript】<面向对象Object>函数方法&对象创建&原型对象&作用域解析
【1月更文挑战第17天】【JavaScript】<面向对象Object>函数方法&对象创建&原型对象&作用域解析
|
7月前
|
算法 测试技术 C语言
深入理解HTTP/2:nghttp2库源码解析及客户端实现示例
通过解析nghttp2库的源码和实现一个简单的HTTP/2客户端示例,本文详细介绍了HTTP/2的关键特性和nghttp2的核心实现。了解这些内容可以帮助开发者更好地理解HTTP/2协议,提高Web应用的性能和用户体验。对于实际开发中的应用,可以根据需要进一步优化和扩展代码,以满足具体需求。
717 29

热门文章

最新文章

推荐镜像

更多
  • DNS