javaScript基础语法，ES6新特性

floret. 小花

于 2024-04-08 12:34:14 发布

阅读量1k

点赞数 23

文章标签： udp 网络协议网络

本文链接：https://blog.csdn.net/heiioworld_/article/details/137503853

版权

JavaScript 基础语法

JavaScript 是一种通用的、基于对象的编程语言，它可以在客户端（浏览器）和服务器端（Node.js）运行。JavaScript 也是世界上最流行的编程语言之一，它被用于开发各种 Web 应用程序，包括：

动态网页
游戏
Web 应用程序
移动应用程序

基本语法

JavaScript 的基本语法与其他编程语言类似，包括：

变量
数据类型
运算符
控制语句
函数
对象

变量

变量用于存储数据。JavaScript 中的变量使用 var 关键字声明，例如：

JavaScript

var name = "John Doe";

数据类型

JavaScript 中的数据类型包括：

数字
字符串
布尔值
数组
对象

运算符

JavaScript 中的运算符包括：

算术运算符
逻辑运算符
比较运算符
赋值运算符

控制语句

JavaScript 中的控制语句包括：

if 语句
switch 语句
for 循环
while 循环

函数

函数是可重用的代码块。JavaScript 中的函数使用 function 关键字声明，例如：

JavaScript

function sayHello() {
  console.log("Hello, world!");
}

对象

对象是用于存储数据和方法的集合。JavaScript 中的对象使用 {} 括号声明，例如：

JavaScript

var person = {
  name: "John Doe",
  age: 30
};

ES6 新特性

ES6 是 JavaScript 的最新版本，它引入了许多新特性，例如：

模块
类
箭头函数
Promise
Set 和 Map

模块

模块可以将代码组织成更小的、可重用的单元。ES6 中的模块使用 import 和 export 关键字来导入和导出模块，例如：

JavaScript

import { sayHello } from "./module";

sayHello();

类

类是用于创建对象的蓝图。ES6 中的类使用 class 关键字声明，例如：

JavaScript

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log("Hello, my name is " + this.name);
  }
}

var person = new Person("John Doe", 30);

person.sayHello();

箭头函数

箭头函数是一种简写形式的函数声明。ES6 中的箭头函数使用 => 运算符声明，例如：

JavaScript

var sayHello = () => {
  console.log("Hello, world!");
};

Promise

Promise 是用于处理异步操作的工具。ES6 中的 Promise 使用 new Promise 关键字创建，例如：

JavaScript

var promise = new Promise((resolve, reject) => {
  // 异步操作
  
  if (success) {
    resolve("成功");
  } else {
    reject("失败");
  }
});

promise.then((result) => {
  console.log(result);
}, (error) => {
  console.log(error);
});

Set 和 Map

Set 和 Map 是用于存储数据的集合。ES6 中的 Set 和 Map 使用 new Set 和 new Map 关键字创建，例如：

JavaScript

var set = new Set([1, 2, 3]);
var map = new Map([["a", 1], ["b", 2]]);

"set和map区别"：

Set 和 Map 都是 ES6 中引入的新数据结构，它们都用于存储数据，但它们之间存在一些关键的区别。

1. 存储的数据类型

Set 只能存储唯一的值，且值可以是任何类型，包括基本类型和引用类型。
Map 可以存储键值对，其中键可以是任何类型，而值可以是任何类型。

2. 顺序

Set 中的元素没有顺序，迭代时元素的顺序是不确定的。
Map 中的元素是有序的，迭代时元素的顺序与插入顺序相同。

3. 查找

Set 中可以使用 has() 方法来查找某个值是否存在。
Map 中可以使用 has() 方法来查找某个键是否存在，也可以使用 get() 方法来获取某个键对应的值。

4. 常见的应用场景

Set 经常用于去重、判断元素是否存在等场景。
Map 经常用于存储键值对、模拟对象等场景。

以下表格总结了 Set 和 Map 的主要区别：

特性	Set	Map
存储的数据类型	唯一值，类型不限	键值对，键和值类型不限
顺序	无序	有序
查找	`has()`	`has()`、`get()`
常见应用场景	去重、判断元素是否存在	存储键值对、模拟对象