2022 年你应该学习的 JavaScript 概念

词汇结构

词汇结构基本上是 Javascript 的构建块：Unicode、分号、空格、区分大小写、注释、文字、标识符和保留字。在开始学习 JS 的其他主题之前，必须了解一些非常重要的主题。

学习链接

表达式

表达式是可以求值并解析为值的代码单元。
学习链接

类型

字符串 - 表示字符序列，例如“hello”
数字 - 表示数值，例如 100
布尔值 - 表示布尔值（false 或 true）
未定义 - 表示未定义值
空值 - 表示空，即根本没有值

变量

变量存储以后可以更改的数据值。

let myVariable = 22; //this can be a string or number.

功能

JavaScript 函数用于执行操作。我们可以多次调用 JavaScript 函数来重用代码。

var x = myFunction(4, 3);     // Function is called, return value will end up in x

function myFunction(a, b) {
    return a * b;             // Function returns the product of a and b
}

目的

对象是键值对的无序集合。每个键值对称为一个属性。

let object = {
  'key1': 'value1',
  'key2': 'value2',
  'keyn': 'valuen',
};
console.log(object);

学习链接

课程

类与函数类似，但它们使用 class 关键字而不是 function 关键字。
它们使用构造函数方法进行初始化。

class ClassMates{
    constructor(name,age){
        this.name=name;
        this.age=age;
    }
    displayInfo(){
        return this.name + "is " + this.age + " years old!";
    }
}

let classmate = new ClassMates("Mike Will",15);
classmate.displayInfo();  // result: Mike Will is 15 years old!

学习链接

箭头函数

箭头函数是在 ES6 中引入的，它们允许我们编写更短的函数语法：

let myFunction = (a, b) => a * b;

循环

如果您想一遍又一遍地运行相同的代码，并且每次使用不同的值，那么循环就很方便。

学习链接

作用域

作用域是指代码中某个特定部分在运行时对变量、函数和对象的可访问性。换句话说，作用域决定了代码中变量和其他资源在特定区域的可见性。
学习链接

数组

对象允许你存储键控值的集合。这很好，但我们经常发现需要一个有序的集合，其中有第一个元素、第二个元素、第三个元素等等。例如，我们需要用它来存储一些内容的列表：用户、商品、HTML 元素等等。

let fruits = ["Apple", "Orange", "Plum"];

学习链接

模板字面量

模板文字使用反引号 (``) 而不是引号 ("") 来定义字符串：

`
let text = `Hello World!`;
`
学习链接

严格模式

严格模式是 ECMAScript 5 中的一项新功能，它允许你将程序或函数置于“严格”的操作上下文中。这种严格的上下文会阻止执行某些操作，并引发更多异常。

严格模式

ECMAScript 6

ECMAScript 2015 是 JavaScript 的第二次重大修订，ECMAScript 2015 也称为 ES6 和 ECMAScript 6。
学习链接

HTTP 请求

所有现代浏览器都有一个内置的 XMLHttpRequest 对象来从服务器请求数据，XMLHttpRequest 对象是开发人员的梦想，因为您可以：

• 无需重新加载页面即可更新网页
• 向服务器请求数据 - 页面加载后
• 从服务器接收数据 - 页面加载后
• 在后台将数据发送到服务器

学习链接