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

JavaScript（ES6）入门

news 2026/4/2 0:44:43

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

ML.NET + 1-bit LLM：在 C# 上位机实现仅 1GB 内存的本地 AI 推理

文章目录上位机程序员的内存焦虑，谁懂啊1-bit LLM是个啥？把模型"压缩裤"穿到极致ML.NET：被遗忘的.NET AI利器实战：把BitNet塞进你的上位机路子一：ONNX Runtime桥梁（最正统）路子二&…...

编程新知 2026/4/2 0:37:07

ChatBI怎么在BI试点中用？3个低门槛落地场景亲测有效

ChatBI试点的前置门槛：先搞定最小可行数据集，不用全量建设 ChatBI是观远数据推出的自然语言分析产品，用户可以通过口语化的提问直接获取数据结果、可视化图表甚至分析结论，无需掌握复杂的报表制作或SQL查询技能。在BI试点阶段引入…...

编程新知 2026/4/2 0:10:45

西门子SMART200 PLC梯形图，SR20，昆仑通态触摸屏组态画面，常压电热水锅炉比例模糊...

西门子SMART200 PLC梯形图，SR20，昆仑通态触摸屏组态画面，常压电热水锅炉比例模糊控制追目标温度，PLC源触摸屏源CAD原理图图纸全套常压电热水锅炉那种“冰火两重天”的加热体验谁懂？茶水间或者小烘干池边上，…...

编程新知 2026/4/1 23:50:33

快马AI助力：十分钟用Python搭建免费股票行情网站原型

最近想验证一个股票行情网站的原型，但作为独立开发者，从零搭建前后端实在太耗时。尝试用PythonFlask快速实现，结合InsCode(快马)平台的AI辅助功能，居然十分钟就完成了基础框架。记录下关键实现思路： 数据获取层设计选…...

编程新知 2026/4/1 22:35:31

深度解析：数据仓库——定义、核心架构与企业核心价值

深度解析：数据仓库——定义、核心架构与企业核心价值一、引言二、定义：什么是数据仓库？2.1 标准定义2.2 核心四大特征（数据仓库基石）三、架构流程：数据仓库的标准工作流程（带流程图）…...

编程新知 2026/4/1 21:54:52

如何用GPU加速的MediaPipe TouchDesigner插件实现实时视觉交互

如何用GPU加速的MediaPipe TouchDesigner插件实现实时视觉交互【免费下载链接】mediapipe-touchdesigner GPU Accelerated MediaPipe Plugin for TouchDesigner 项目地址: https://gitcode.com/gh_mirrors/me/mediapipe-touchdesigner MediaPipe TouchDesigner插件是一…...

编程新知 2026/4/1 21:42:37

H3C IRF 四台交换机堆叠实战：环型拓扑配置详解

1. 四台H3C交换机IRF堆叠入门指南第一次接触H3C交换机的IRF堆叠功能时，我完全被它的强大所震撼。简单来说，IRF（Intelligent Resilient Framework）技术可以把多台物理交换机虚拟成一台逻辑设备，不仅简化管理&#xff…...

编程新知 2026/4/1 20:17:44

探索DeepCAD：基于深度学习的CAD模型生成技术入门

探索DeepCAD：基于深度学习的CAD模型生成技术入门【免费下载链接】DeepCAD code for our ICCV 2021 paper "DeepCAD: A Deep Generative Network for Computer-Aided Design Models" 项目地址: https://gitcode.com/gh_mirrors/de/DeepCAD 副标题&…...

编程新知 2026/4/1 20:15:43

终极指南：PrivateGPT增量文档处理策略与动态更新解决方案

终极指南：PrivateGPT增量文档处理策略与动态更新解决方案【免费下载链接】privateGPT 利用GPT的强大功能与你的文档进行互动，确保100%的隐私保护，无数据泄露风险项目地址: https://gitcode.com/GitHub_Trending/pr/privateGPT Priva…...

编程新知 2026/4/1 19:06:59

UDOP-large高性能部署：Tesseract OCR预处理与UDOP-large联合加速方案

UDOP-large高性能部署：Tesseract OCR预处理与UDOP-large联合加速方案 1. 引言：当文档理解遇上效率瓶颈想象一下，你手头有几百份英文PDF报告需要处理。你需要从中提取标题、摘要，甚至表格里的关键数据。传统的方法是&#xff1a…...

编程新知 2026/4/1 18:01:57

ES6