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

本文涉及的产品
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
简介: ①. 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>
相关文章
|
6月前
|
IDE 开发工具 Python
python中SyntaxError: unexpected EOF while parsing(语法错误:解析时遇到意外的文件结束)
【5月更文挑战第14天】python中SyntaxError: unexpected EOF while parsing(语法错误:解析时遇到意外的文件结束)
245 6
|
1月前
|
编译器 C++
【C++】模板进阶:深入解析模板特化
【C++】模板进阶:深入解析模板特化
|
2月前
|
C# Android开发 开发者
Uno Platform 高级定制秘籍:深度解析与实践样式和模板应用,助你打造统一且高效的跨平台UI设计
【9月更文挑战第7天】Uno Platform 是一个强大的框架,支持使用 C# 和 XAML 创建跨平台 UI 应用,覆盖 Windows、iOS、Android、macOS 和 WebAssembly。本文介绍 Uno Platform 中样式和模板的应用,助力开发者提升界面一致性与开发效率。样式定义控件外观,如颜色和字体;模板则详细定制控件布局。通过 XAML 定义样式和模板,并可在资源字典中全局应用或嵌套扩展。合理利用样式和模板能简化代码、保持设计一致性和提高维护性,帮助开发者构建美观高效的跨平台应用。
53 1
|
5月前
|
关系型数据库 MySQL 数据库连接
蓝易云 - PHP基本语法解析与应用指南
以上只是PHP基本语法的简要概述,要深入了解和掌握PHP,你需要阅读更多的教程和参考资料,并通过实践来提高你的技能。
42 2
|
4月前
|
中间件 数据库 开发者
解析Python Web框架的四大支柱:模板、ORM、中间件与路由
【7月更文挑战第20天】Python Web框架如Django、Flask、FastAPI的核心包括模板(如Django的DTL和Flask的Jinja2)、ORM(Django的内置ORM与Flask的SQLAlchemy)、中间件(Django的全局中间件与Flask的装饰器实现)和路由(Django的urls.py配置与Flask的@app.route()装饰器)。这些组件提升了代码组织和数据库操作的便捷性,确保了Web应用的稳定性和可扩展性。
65 0
|
5月前
|
SQL 自然语言处理 前端开发
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
46 2
|
6月前
|
Java 编译器 Go
【字节跳动青训营】后端笔记整理-1 | Go语言入门指南:基础语法和常用特性解析(一)
本文主要梳理自第六届字节跳动青训营(后端组)-Go语言原理与实践第一节(王克纯老师主讲)。
175 1
|
5月前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
6月前
|
程序员 编译器 C++
C++中的模板与泛型编程技术深度解析
C++中的模板与泛型编程技术深度解析
|
5月前
|
SQL 自然语言处理 JavaScript
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
ES6,作为ECMAScript 2015的简称,标志着JavaScript编程语言的一个重要进化节点。它不是渐进的变化,而是一次飞跃式的更新,为开发者带来了一系列强大的新特性与语法糖,极大提升了代码的简洁性、可读性和运行效率。从新的变量声明方式let与const,到优雅的箭头函数、模板字符串,再到让对象操作更为灵活的解构赋值与增强的对象字面量,ES6的每项改进都旨在让JavaScript适应日益复杂的应用场景,同时保持其作为脚本语言的活力与魅力。本文是深入探索这些核心特性的起点,为你铺开一条通向高效、现代JavaScript编程实践
66 0

热门文章

最新文章

推荐镜像

更多