当前位置：首页 > news >正文

JavaScript（ES6）入门

news 2026/2/8 23:12:57

ES6

1、介绍

ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript 语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

另外，一些情况下ES6也泛指ES2015及之后的新增特性，虽然之后的版本应当称为ES7、ES8等。

2、新增功能

2.1、let

ES6新增了let命令，用来声明变量。它的用法类似于var ，但是所声明的变量，只在let命令所在的代码块内有效。

2.2、const

const声明一个只读的常量。一旦声明，常量的值就不能改变，且声明时必须立即初始化，不能留到以后赋值。const的作用域与let命令相同：只在声明所在的块级作用域内有效。

2.3、匿名函数简写

function(){} 匿名函数简写，语法()=>{}。

2.4、模板字符串

声明一些html标签的字符串更简便，语法：` ` 。

2.5、对象定义

属性名和变量名一致的对象仅使用变量即可无需定义属性名。

2.6、模块

ES6引入了模块系统，可以导出和导入模块。

实战：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ECMA6</title>

</head>

<body>

    <div id="app">

        

    </div>

</body>

</html>

<script src="js/axios.min.js"></script>

<script src="js/vue.js"></script>

<script>

    //es6 1.变量声明  var  原因: 使用var声明变量存在作用范围混淆问题

    //  let     :用来声明局部变量   好处: 作用范围严谨从代码声明出开始到代码块结束  一般在

                  声明基本变量使用推荐使用let

    //  const   :用来声明js中常量   好处: 一旦被赋值不能被修改   推荐使用这两个关键字声明

                     变量声明js中对象时推荐使用const 数组

    //es6 2.在使用匿名函数时作为参数时候 function(){}   推荐使用es6中箭头函数

// (参数,参数)=>{函数体}

    axios.get("url").then(function(res){}).catch(function(err){});



    axios.get("url").then((res)=>{



    }).catch((err)=>{});



    //注意:

    //      1.当箭头函数没有参数时或者参数大于1个必须加入()

    //      2.当箭头函数只有一个参数时 () 可以省略不写

    //      3.当函数体中只有一行代码时函数体{} 可以省略不写

    //      4.箭头函数和匿名函数最大区别  箭头函数没有自己this   匿名函数存在自己的this

    //es6 3. 模板字符串   使用语法:  ` `

    let html = "<button οnclick=\"test('+id+')\">点我</button>" +

                    "<button οnclick=\"test('+id+')\">点我</button>";



    let html1 = `<div>

      <h1>我是小黑</h1>

      <button οnclick="test()">点我</button>

      </div>`;

    //es6 4. 对象定义  便利: 在定义对象时如果对象属性名和变量名一致,写一个即可

    let id = 21;

    let name = "小王";

    let age = 23;



    //es5.x版本

    const emp = {id:id,name:name,age:age};



    //es6.x版本

    const emp1 = {id,name,age}

//es6 5. 模块导出和导入

    // 导出

    // math.js

export const add = (a, b) => a + b;

export const subtract = (a, b) => a - b;

    // 导入

    // main.js

    import { add, subtract } from './math.js';

    console.log(add(2, 3)); // 5

    console.log(subtract(5, 3)); // 2

</script>

了解更多参考文档： 1.1 ES6 教程 | 菜鸟教程

JavaScript（ES6）入门

ES6 1、介绍 ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript 语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。…...

编程日记 2024/5/29 11:20:36

文章目录深入分析 Android Activity (十)1. Activity 的资源管理1.1 使用资源 ID 访问资源1.2 Drawable 资源1.3 使用 TypedArray 管理资源1.4 使用资源配置 2. Activity 的数据存储2.1 SharedPreferences2.2 文件存储2.3 SQLite 数据库2.4 ContentProvider 3. Activity 的性能…...

编程日记 2024/5/29 11:19:35

考试“挂了“用日语怎么说，柯桥商务日语培训

1、もえる　热衷于……，燃烧除了“燃烧”，还有“热衷于……”的意思，如“家が燃える（房子着火了）”，“勉強に燃える（热衷于学习）”。 Ａ：今（いま&…...

编程日记 2024/5/29 11:18:35

【机器学习300问】103、简单的经典卷积神经网络结构设计成什么样？以LeNet-5为例说明。

一个简单的经典CNN网络结构由：输入层、卷积层、池化层、全连接层和输出层，这五种神经网络层结构组成。它最最经典的实例是LeNet-5，它最早被设计用于手写数字识别任务，包含两个卷积层、两个池化层、几个全连接层，以及最…...

编程日记 2024/5/29 11:17:33

【代码随想录算法训练营第37期第二十一天 | LeetCode530.二叉搜索树的最小绝对差、501.二叉搜索树中的众数、236. 二叉树的最近公共祖先】

代码随想录算法训练营第37期第二十一天 | LeetCode530.二叉搜索树的最小绝对差、501.二叉搜索树中的众数、236. 二叉树的最近公共祖先一、530.二叉搜索树的最小绝对差解题代码C： /*** Definition for a binary tree node.* struct TreeNode {* int val;* …...

编程日记 2024/5/29 11:16:32

2023 年网络等级保护考试题库及答案

一、单项选择题 1.在等保 1.0 的根本要求中，网络设备防护的内容归属于网络安全，在等保 2.0 中将其归属到〔〕。 A 安全通信网络 B 安全区域边界 C 安全计算环境 D 安全治理中心答案：c 2.应成立指导和治理网络安全工作的委员会或领导小组&…...

编程日记 2024/5/29 11:15:32

springboot集成nacos

springboot集成nacos 1.版本2. POM依赖3. nacos服务3.1 下载nacos压缩包3.2 启动nacos 4. yaml配置5.Demo5.1 配置中心简单格式获取方式普通方式还可以再启动类上添加注解完成5.2 获取json格式的demo5.2 自动注册根据yaml配置 1.版本 nacos版本:2.3.2 springboot版本&#xff…...

编程日记 2024/5/29 11:14:30

NoSQL数据库技术与应用教学设计

《NoSQL数据库技术与应用》教学设计课程名称：NoSQL数据库技术与应用授课年级： 20xx年级授课学期： 20xx学年第一学期教师姓名： 某某老师 2020年5月6日课题名称第1章初识NoSQL 计划学时 3 课时内容分析随着云计算、…...

编程日记 2024/5/29 11:13:29

比较（一）利用python绘制条形图

比较（一）利用python绘制条形图条形图（Barplot）简介条形图主要用来比较不同类别间的数据差异，一条轴表示类别，另一条则表示对应的数值度量。快速绘制基于seaborn import seaborn as sns import matplo…...

编程日记 2024/5/29 11:12:27

【面试】Oracle JDK和Open JDK什么关系？

目录 1. 起源与发展2. 代码与许可3. 功能与组件4. 使用场景5. 版本更新与支持 1. 起源与发展 1.Oracle JDK是由Oracle公司基于Open JDK源代码开发的商业版本。2.Open JDK是java语言的一个开源实现。 2. 代码与许可 1.Oracle JDK包含了闭源组件，并根据二进制代码许…...

编程日记 2024/5/29 11:11:26

科学技术创新杂志科学技术创新杂志社科学技术创新编辑部2024年第10期目录

科技创新单桩穿越岩溶发育地层力学特征与溶洞处置措施研究刘飞; 1-7《科学技术创新》投稿：cnqikantg126.com 基于多目标优化的中低压配电网电力规划研究向星山;杨承俊;张寒月; 8-11 激光雷达测绘技术在工程测绘中的应用研究张军伟;闫宏昌; 12-15 …...

编程日记 2024/5/29 11:10:25

ES数据导出成csv文件

推荐使用es2csv 工具。命令行实用程序，用Python编写，用于用Lucene查询语法或查询DSL语法查询Elasticsearch，并将结果作为文档导出到CSV文件中。该工具可以在多个索引中查询批量文档，并且只获取选定的字段，这减少了查…...

编程日记 2024/5/29 11:09:24

结构型设计模式之装饰模式

文章目录概述装饰模式原理代码案例小结概述装饰模式(decorator pattern) 的原始定义是：动态的给一个对象添加一些额外的职责. 就扩展功能而言,装饰器模式提供了一种比使用子类更加灵活的替代方案。装饰模式原理装饰模式中的角色： 抽象构件角色 …...

编程日记 2024/5/29 11:08:24

Java - 当年很流行，现在已经淘汰的 Java 技术，请不要在继续学了！！！

最近这段时间收到了一些读者的私信，问我某个技术要不要学，还有一些在国外的同学竟然对 Java 图形化很感兴趣，还想找这方面的工作。比较忙，一直没抽出时间去回答这类问题，刚好看到我关注的一位大佬回答过，这…...

编程日记 2024/5/29 11:07:22

驻波比VSWR

最近看大家写的VSWR文章，发现有很多误解， 1)错误解释是入射波和反射波叠加的驻波的波峰/波谷。大家可以向下驻波也是正弦波，波峰和波谷的值不都是振幅吗？因此相当于VSWR恒等于1了。 2）VSWR越小越好； 正确…...

编程日记 2024/5/29 11:06:21

多线程-线程池

为什么要使用线程池在Java中使用线程池的主要原因有以下几点： 提高性能：使用线程池可以减少线程的创建和销毁过程的开销。线程的创建和销毁是比较昂贵的操作，如果每次需要执行任务时都创建一个新线程，会造成系统资源的浪费。而线…...

编程日记 2024/5/29 11:05:20

护网期间遇到的几个上传bypass waf、edr

1. weblogic部署war的时候 http/1.1 改成http/2绕过waf 其实jar和ear部署应该也可以，但是我没成功。 weblogoic 部署war死活出错，用linux下的浏览器 linux下打包war马 zip -r zipjob4.zip job/ mv zipjob3.zip zipjob3.war 然后部署成功之后&am…...

编程日记 2024/5/29 11:04:19

简述MVC模式

这里为什么讲MVC模式，是因为在学习的过程中，很多人不知怎的，将观察者模式和MVC混为一谈。MVC模式最开始出现在WEB开发中，该模式能够很好的做到软件模块的高内聚，低耦合，所以其思想逐渐在各个软件开发领域都…...

编程日记 2024/5/29 11:03:18

C#--Mapster(高性能映射)用法

1.Nuget安装Mapster包引用 2.界面XAML部分 <Window x:Class"WpfApp35.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schemas.m…...

编程日记 2024/5/29 11:02:16

mysql实战——Mysql8.0高可用之双主+keepalived

一、介绍利用keepalived实现Mysql数据库的高可用，KeepalivedMysql双主来实现MYSQL-HA，两台Mysql数据库的数据保持完全一致，实现方法是两台Mysql互为主从关系，通过keepalived配置VIP，实现当其中的一台Mysql数据库宕机…...

编程日记 2024/5/29 11:01:16

Linux 文件类型，目录与路径，文件与目录管理

文件类型后面的字符表示文件类型标志普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。目录文件：d（directory） 用来存放其他文件或子目录。设备…...

编程新知 2026/2/8 20:42:46

黑马Mybatis

Mybatis 表现层：页面展示业务层：逻辑处理持久层：持久数据化保存在这里插入图片描述 Mybatis快速入门 ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/6501c2109c4442118ceb6014725e48e4.png //logback.xml <?xml ver…...

编程新知 2026/1/22 14:22:27

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种系统属性定义文件（System Property Definition File），用于声明和管理 Bluetooth 模块相…...

编程新知 2025/11/22 12:02:51

linux 下常用变更-8

1、删除普通用户查询用户初始UID和GIDls -l /home/ ###家目录中查看UID cat /etc/group ###此文件查看GID删除用户1.编辑文件 /etc/passwd 找到对应的行，YW343:x:0:0::/home/YW343:/bin/bash 2.将标红的位置修改为用户对应初始UID和GID： YW3…...

编程新知 2025/10/7 15:08:22

Linux-07 ubuntu 的 chrome 启动不了

文章目录问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了，报错如下四、启动不了，解决如下总结问题原因在应用中可以看到chrome，但是打不开(说明：原来的ubuntu系统出问题了，这个是备用的硬盘&a…...

编程新知 2026/1/29 17:56:19

tree 树组件大数据卡顿问题优化

问题背景项目中有用到树组件用来做文件目录，但是由于这个树组件的节点越来越多，导致页面在滚动这个树组件的时候浏览器就很容易卡死。这种问题基本上都是因为dom节点太多，导致的浏览器卡顿，这里很明显就需要用到虚拟列表的技术&…...

编程新知 2026/2/8 5:28:24

.Net Framework 4/C# 关键字（非常用，持续更新...）

一、is 关键字 is 关键字用于检查对象是否于给定类型兼容，如果兼容将返回 true，如果不兼容则返回 false，在进行类型转换前，可以先使用 is 关键字判断对象是否与指定类型兼容，如果兼容才进行转换，这样的转换是安全的。例如有：首先创建一个字符串对象，然后将字符串对象隐…...

编程新知 2025/9/25 18:41:38

Python ROS2【机器人中间件框架】简介

销量过万TEEIS德国护膝夏天用薄款优惠券冠生园百花蜂蜜428g 挤压瓶纯蜂蜜巨奇严选鞋子除臭剂360ml 多芬身体磨砂膏280g健70%-75%酒精消毒棉片湿巾1418cm 80片/袋3袋大包清洁食品用消毒优惠券AIMORNY52朵红玫瑰永生香皂花同城配送非鲜花七夕情人节生日礼物送女友热卖妙洁棉…...

编程新知 2026/1/29 9:12:46

sipsak：SIP瑞士军刀！全参数详细教程！Kali Linux教程！

简介 sipsak 是一个面向会话初始协议 (SIP) 应用程序开发人员和管理员的小型命令行工具。它可以用于对 SIP 应用程序和设备进行一些简单的测试。 sipsak 是一款 SIP 压力和诊断实用程序。它通过 sip-uri 向服务器发送 SIP 请求，并检查收到的响应。它以以下模式之一…...

编程新知 2026/1/29 8:51:33

Kafka入门-生产者

生产者生产者发送流程： 延迟时间为0ms时，也就意味着每当有数据就会直接发送异步发送API 异步发送和同步发送的不同在于：异步发送不需要等待结果，同步发送必须等待结果才能进行下一步发送。普通异步发送首先导入所需的k…...

编程新知 2026/1/26 4:49:33

ES6