如果你是 JavaScript 初学者，你需要了解的概念

如果你想成为一名 Web 开发者， JavaScript 无疑是必备技能。因为它允许你创建与用户交互的 Web 应用。

所以，如果你是 JavaScript 初学者，我会告诉你一些基础知识，让你的学习曲线更平滑。这样你就能理解背景，而不是复制粘贴代码。

变量：类型、初始化和声明

变量是内存中存储值的一种表示形式。只需一行代码即可声明并初始化变量：

var x = 5;

或者，您可以先声明变量，然后初始化它（使用多行）：

var x;  // Declaration
x = 5;  // Initialization

var对比let对比const

在 ECMAScript 6 (2015) 之前，声明变量的唯一方法是使用var。但现在你可以使用let和const。主要区别在于作用域、重新赋值和变量提升。

简单来说，var它具有全局/函数作用域，也就是说，你可以在代码中的任何位置访问这个变量，除非你在函数中声明了它。函数作用域意味着你只能在函数内部访问你的变量。

let并且const具有块作用域，这意味着你只能在声明它们的块代码中访问它们。分析一下这张表，你会更好地理解这一点：

我建议您使用let或const而不是var。

功能

函数是执行特定任务的代码块。它们在编写 Web 应用时非常有用，因为它们可以提高代码的可读性。作为 JavaScript 初学者，您已经掌握了理解函数所需的一切。

一般来说，所有编程语言中的每个函数都有一个名称、输入参数和输出结果。当然，也有一些函数在调用时不需要参数。

JavaScript 函数的语法如下：

function func_name(arg1, arg2, arg3){
     //code to be executed
}

在哪里：

• function是声明函数的保留字。
• func_name是你的函数名称。你可以随意命名，但我建议你使用一个自己理解的名称。
• arg1、arg2、arg3是函数的参数。你可以指定任意数量的参数（或零个）。
• 该行//code to be executed引用了您的功能的逻辑。

现在让我们看一个返回两个数字相加的函数的例子：

//Declaring the function
function esSuma(num1, num2){
     return num1 + num2
}

//Executing the function
let x = esSuma(3, 4)     //You assign the function to a variable
console.log(x)          //It prints 7

箭头函数

声明函数的一种新方法是箭头函数。随着你作为开发人员的进步，你会发现箭头函数易于阅读，有时甚至比普通函数更合适。

这是箭头函数的语法。

const x = (arg1, arg2) => {
     //Code to be executed
}

我将在其他文章中解释箭头函数和普通函数的用法（即将推出）。

范围

JavaScript 中的作用域是指变量的可访问性。作用域主要分为两种：局部作用域和全局作用域。

本地范围

你可以在声明变量的代码块或函数内部访问它。例如在函数中：

//Here you can't access your y

function hola() {
     let y = 3
     console.log(y)
}

//Here you can't y
//y is considered to have function scope as well

同样，在块代码中：

//Here you can't access x
{
     let x = 5
}

//Here you can't access x

注意，我声明了xusing let。如果我反过来， usingvar就可以在代码块之外访问该变量。结果发现，var声明了一个全局变量。

全局范围

在这种情况下，你可以在代码中的任何位置访问变量。例如：

let w = 9

{
     //Here you can access w
}

正如您之前所读到的，如果您使用声明一个变量var，那么您就创建一个全局变量。

var q = 1

//q is a global variable

数组

数组是一种变量类型，用于存储多种类型的多个变量。当你需要存储与单个变量相关的多个值时，数组非常有用。

例如，假设你正在管理一群人：

let people = ['Axel', 'Diego', 'Sofia', 'Valeria']

如您所见，数组的语法是：

let arrayName = [item1, item2, item3 ...]

您可以使用方法修改数组。

对象

对象是将现实生活中的事物用代码表示出来。因此，对象具有属性（其特性）和方法（对象可以执行的操作）。让我们创建一个名为 的对象axel：

let axel = {
    height: 183,
    country: 'Ecuador',
    profession: 'Developer',
    returnInfo: function () {
        return this.height + ' ' + this.country + ' ' + 
        this.profession
    }
}

在此示例中，属性为height、country和profession。您可以使用点 (.) 表示法访问它们：

axel.country
//Expected output: 'Ecuador'

axel.profession
//Expected output: 'Developer'

另一方面，returnInfo是一个特殊的属性，其值是一个函数。因此它是一个方法。你可以调用此方法：

axel.returnInfo()

//Expected output: '183 Ecuador Developer'

为什么我们在编码时使用this元素方法？

this引用对象本身。所以我们考虑的是，height以及country。这是一个需要考虑的重要词。professionaxel

生成对象模板

如果您需要创建太多相同类型的对象怎么办？手动创建每个对象效率很低。因此，您可以使用对象模板来解决这个问题。

基本上，您创建一个函数，然后通过该函数创建对象。

function Usuario(height, country, profession) {
    this.height = height,
    this.country = country,
    this.profession = profession
    }
}

现在让我们使用以下命令创建一个对象Usuario：

let juanito = new Usuario(176, 'Uruguay', 'Designer')

juanito已创建，您可以访问其属性：

juanito.country
//Expected output: 'Uruguay'

这些是你需要了解的一些概念，以使你的学习之路更加高效。JavaScript 基础知识对于每个 Web 开发人员来说都是必不可少的。

如果你是 JavaScript 初学者，觉得信息量太大，别放弃。随着时间的推移，你会掌握它，并获得更多的知识。我挑战你成为一名 JavaScript 忍者。这才是开始。

如果你喜欢这篇文章，可以订阅。我会持续更新博客，希望能对你的开发者生涯有所帮助。