ES6(1) 简介与基础概念

ops/2025/3/18 12:56:45/

1. ES6 简介

        ES6(ECMAScript 6)是 JavaScript 的一个重要版本,它在 ES5 的基础上进行了扩展和优化。ES6 主要应用于现代 Web 开发,提高了 JavaScript 的编程效率和可读性。

2. ES6 与 JavaScript 的关系

        JavaScript 是一种基于 ECMAScript 规范的编程语言,而 ES6 是 ECMAScript 的第六个主要版本(ECMAScript 2015),它带来了许多新的特性,如 letconst 关键字、箭头函数、类(Class)、模块化(Module)、模板字符串等,使 JavaScript 变得更加强大和易用。

3. 变量与常量

3.1 变量(Variable)

在 ES6 中,定义变量可以使用 let 关键字。例如:

let name = "鹏哥";
console.log(name); // 输出:鹏哥
console.log(typeof name); // 输出:string

变量 name 存储了一个字符串,并且可以在后续代码中被重新赋值。

3.2 常量(Constant)

常量使用 const 关键字定义,定义后不能修改。

const pi = 3.14;
console.log(pi); // 输出:3.14
console.log(typeof pi); // 输出:number

4. 数据类型

ES6 提供了多种数据类型,主要包括:

4.1 字符串(String)

字符串使用双引号 "" 或单引号 '' 进行定义。

let greeting = "你好,ES6";
console.log(greeting);
console.log(typeof greeting); // 输出:string

4.2 数值(Number)

ES6 的数值类型既可以表示整数,也可以表示浮点数。

let age = 22;
console.log(age);
console.log(typeof age); // 输出:number

4.3 布尔值(Boolean)

布尔值只有 truefalse 两种状态。

let isStudent = true;
console.log(isStudent);
console.log(typeof isStudent); // 输出:boolean

4.4 对象(Object)

对象用于存储键值对。

let boy = {name: "theodore",age: 22
};
console.log(boy);
console.log(typeof boy); // 输出:object

4.5 映射(Map)

Map 是一种键值对集合,键的类型可以是任何值。

let girl = new Map([["name", "andy"],["age", 20]
]);
console.log(girl);
console.log(typeof girl); // 输出:object

4.6 集合(Set)

Set 是一种不允许重复值的数据结构。

let numbers = new Set([1, 2, 3, 4, 5, 5, 6]);
console.log(numbers);
console.log(typeof numbers); // 输出:object

4.7 数组(Array)

数组用于存储多个值。

let strArray = ["a", "1", "你好"];
console.log(strArray);
console.log(typeof strArray); // 输出:object

4.8 函数(Function)

函数用于封装可复用的代码。

function add(a, b) {return a + b;
}
console.log(add(2, 3)); // 输出:5
console.log(typeof add); // 输出:function

4.9 类(Class)

ES6 引入了类的概念,使 JavaScript 具备面向对象编程的特性。

class Person {constructor(name, age) {this.name = name;this.age = age;}info() {console.log(this.name, this.age);}
}
let c = new Person("大哥", 23);
c.info(); // 输出:大哥 23

5. 结语

        ES6 作为 JavaScript 的一个重要版本,极大地增强了语言的可读性和可维护性。通过本篇博客,我们了解了 ES6 的基本概念、变量与常量的定义方式,以及各种数据类型的使用方法。掌握这些基础知识,将有助于更深入地学习 JavaScript 及其应用。


http://www.ppmy.cn/ops/166769.html

相关文章

再学:abi编码 地址类型与底层调用

目录 1.内置全局变量及函数 2.abi 3.地址类型 4.transfer 1.内置全局变量及函数 2.abi data就是abi编码 abi描述:以json格式表明有什么方法 3.地址类型 4.transfer x.transfer:合约转给x call 和 delegatecall 是 Solidity 中用于底层合约调用的函数&#xff0…

CSS 属性选择器详解

CSS 属性选择器详解 引言 CSS(层叠样式表)是网页设计中的重要组成部分,它用于控制网页元素的样式和布局。属性选择器是CSS选择器的一种,它允许开发者根据元素的特定属性来选择和样式化元素。本文将详细讲解CSS属性选择器的概念、语法以及常用属性选择器的使用方法。 一、…

玩转python:Python数据结构之并查集

并查集(Disjoint Set Union,DSU)是一种用于管理不相交集合的数据结构,支持高效的**合并(Union)和查找(Find)**操作。它的核心思想是通过路径压缩和按秩合并优化性能,广泛…

5G时代新基建:边缘节点如何将云计算响应速度提升300%“

随着5G技术的普及,云计算正在迈向一个全新的阶段。传统云计算模式虽然提供了强大的算力和存储能力,但由于数据中心与用户终端的物理距离,网络时延问题始终是一个挑战。为了解决这一问题,边缘计算应运而生,并成为5G时代…

直击行业痛点,赛逸展2025科技创新奖推陈出新

面对传统奖项评选存在的“重材料、轻实效”积弊,2028第七届亚洲消费电子技术贸易展(赛逸展)的最佳科技创新奖项设置令人眼前一亮。赛逸展直击这一行业痛点,通过独特的设计,让奖项评选更具现实意义和市场导向。在本届赛…

vue3+Ts+elementPlus二次封装Table分页表格,表格内展示图片、switch开关、支持

目录 一.项目文件结构 二.实现代码 1.子组件(表格组件) 2.父组件(使用表格) 一.项目文件结构 1.表格组件(子组件)位置 2.使用表格组件的页面文件(父组件)位置 3.演示图片位置 ele…

算法刷题整理合集(四)

本篇博客旨在记录自已的算法刷题练习成长,里面注有详细的代码注释以及和个人的思路想法,希望可以给同道之人些许帮助。本人也是算法小白,水平有限,如果文章中有什么错误或遗漏之处,望各位可以在评论区指正出来&#xf…

StarRocks SQL使用与MySql的差异及规范注意事项

StarRocks为OLAP列存数据库,擅长复杂分析查询,需显式定义分区/分桶键;MySQL为OLTP行存数据库,适合事务处理。SQL差异:StarRocks支持批量写入(避免单行INSERT)、物化视图优化,禁用LIM…