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

JavaScript（ES6）入门

news 2025/12/16 8:07:56

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

wordpress后台更新后前端没变化的解决方法

使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...

编程新知 2025/12/16 5:34:39

【网络】每天掌握一个Linux命令 - iftop

在Linux系统中，iftop是网络管理的得力助手，能实时监控网络流量、连接情况等，帮助排查网络异常。接下来从多方面详细介绍它。目录【网络】每天掌握一个Linux命令 - iftop工具概述安装方式核心功能基础用法进阶操作实战案例面试题场景生产场景…...

编程新知 2025/10/10 17:03:53

应用升级/灾备测试时使用guarantee 闪回点迅速回退

1.场景应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。相对于RMAN恢复需要很长时间， 数据库闪回只需要几分钟。 2.技术实现数据库设置 2个db_recovery参数创建guarantee闪回点，不需要开启数据库闪回。…...

编程新知 2025/7/30 7:20:17

基于FPGA的PID算法学习———实现PID比例控制算法

基于FPGA的PID算法学习前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形总结前言学习内容：参考网站： PID算法控制 PID即：Proportional（比例）、Integral（积分&…...

编程新知 2025/12/13 22:32:24

ubuntu搭建nfs服务centos挂载访问

在Ubuntu上设置NFS服务器在Ubuntu上，你可以使用apt包管理器来安装NFS服务器。打开终端并运行： sudo apt update sudo apt install nfs-kernel-server创建共享目录创建一个目录用于共享，例如/shared： sudo mkdir /shared sud…...

编程新知 2025/8/27 13:05:41

8k长序列建模，蛋白质语言模型Prot42仅利用目标蛋白序列即可生成高亲和力结合剂

蛋白质结合剂（如抗体、抑制肽）在疾病诊断、成像分析及靶向药物递送等关键场景中发挥着不可替代的作用。传统上，高特异性蛋白质结合剂的开发高度依赖噬菌体展示、定向进化等实验技术，但这类方法普遍面临资源消耗巨大、研发周期冗长…...

编程新知 2025/12/15 1:24:03

第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明

AI 领域的快速发展正在催生一个新时代，智能代理（agents）不再是孤立的个体，而是能够像一个数字团队一样协作。然而，当前 AI 生态系统的碎片化阻碍了这一愿景的实现，导致了“AI 巴别塔问题”——不同代理之间…...

编程新知 2025/12/14 4:36:59

unix/linux，sudo，其发展历程详细时间线、由来、历史背景

sudo 的诞生和演化，本身就是一部 Unix/Linux 系统管理哲学变迁的微缩史。来，让我们拨开时间的迷雾，一同探寻 sudo 那波澜壮阔（也颇为实用主义）的发展历程。历史背景：su的时代与困境 ( 20 世纪 70 年代 - 80 年代初) 在 sudo 出现之前，Unix 系统管理员和需要特权操作的…...

编程新知 2025/11/18 21:31:41

Rust 异步编程

Rust 异步编程引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。异步编程基础什么是异步…...

编程新知 2025/11/17 18:58:56

Mac下Android Studio扫描根目录卡死问题记录

环境信息操作系统: macOS 15.5 (Apple M2芯片)Android Studio版本: Meerkat Feature Drop | 2024.3.2 Patch 1 (Build #AI-243.26053.27.2432.13536105, 2025年5月22日构建) 问题现象在项目开发过程中，提示一个依赖外部头文件的cpp源文件需要同步，点…...

编程新知 2025/12/5 13:36:48

ES6