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

JavaScript（ES6）入门

news 2025/9/7 12:14:27

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

变量 varablie 声明- Rust 变量 let mut 声明与 C/C++ 变量声明对比分析

一、变量声明设计：let 与 mut 的哲学解析 Rust 采用 let 声明变量并通过 mut 显式标记可变性，这种设计体现了语言的核心哲学。以下是深度解析： 1.1 设计理念剖析安全优先原则：默认不可变强制开发者明确声明意图 let x 5; …...

编程新知 2025/7/23 4:47:55

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

编程新知 2025/8/21 16:19:32

高等数学（下）题型笔记（八）空间解析几何与向量代数

目录 0 前言 1 向量的点乘 1.1 基本公式 1.2 例题 2 向量的叉乘 2.1 基础知识 2.2 例题 3 空间平面方程 3.1 基础知识 3.2 例题 4 空间直线方程 4.1 基础知识 4.2 例题 5 旋转曲面及其方程 5.1 基础知识 5.2 例题 6 空间曲面的法线与切平面 6.1 基础知识 6.2…...

编程新知 2025/8/30 19:47:38

Keil 中设置 STM32 Flash 和 RAM 地址详解

文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...

编程新知 2025/9/6 23:07:31

PL0语法，分析器实现！

简介 PL/0 是一种简单的编程语言，通常用于教学编译原理。它的语法结构清晰，功能包括常量定义、变量声明、过程（子程序）定义以及基本的控制结构（如条件语句和循环语句）。 PL/0 语法规范 PL/0 是一种教学用的小型编程语言，由 Niklaus Wirth 设计，用于展示编译原理的核…...

编程新知 2025/8/19 16:14:29

DeepSeek 技术赋能无人农场协同作业：用 AI 重构农田管理 “神经网”

目录一、引言二、DeepSeek 技术大揭秘2.1 核心架构解析2.2 关键技术剖析三、智能农业无人农场协同作业现状3.1 发展现状概述3.2 协同作业模式介绍四、DeepSeek 的 “农场奇妙游”4.1 数据处理与分析4.2 作物生长监测与预测4.3 病虫害防治4.4 农机协同作业调度五、实际案例大…...

编程新知 2025/7/25 14:20:29

现有的 Redis 分布式锁库（如 Redisson）提供了哪些便利？

现有的 Redis 分布式锁库（如 Redisson）相比于开发者自己基于 Redis 命令（如 SETNX, EXPIRE, DEL）手动实现分布式锁，提供了巨大的便利性和健壮性。主要体现在以下几个方面： 原子性保证 (Atomicity)&#xff…...

编程新知 2025/9/2 18:15:10

Selenium常用函数介绍

目录一，元素定位 1.1 cssSeector 1.2 xpath 二，操作测试对象三，窗口 3.1 案例 3.2 窗口切换 3.3 窗口大小 3.4 屏幕截图 3.5 关闭窗口四，弹窗五，等待六，导航七，文件上传 …...

编程新知 2025/9/3 20:57:36

Linux nano命令的基本使用

参考资料 GNU nanoを使いこなすnano基础目录一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件三. 文件查看3.1 打开文件时，显示行号3.2 翻页查看四. 文件编辑4.1 Ctrl K 复制和 Ctrl U 粘贴4.2 Alt/Esc U 撤回五. 文件保存与退出5.1 Ctrl …...

编程新知 2025/9/3 14:21:06

Matlab实现任意伪彩色图像可视化显示

Matlab实现任意伪彩色图像可视化显示 1、灰度原始图像2、RGB彩色原始图像在科研研究中，如何展示好看的实验结果图像非常重要！！！ 1、灰度原始图像灰度图像每个像素点只有一个数值，代表该点的亮度（或…...

编程新知 2025/9/2 16:24:41

ES6