AddingPipelinestoJavaScriptbyNickMatej

基础速览

大家好！对于今天的帖子，我决定简单介绍一下JavaScript的基础知识。它是为初学者设计的，基本上总结了主要的基本概念，而无需花大量时间阅读所有内容。

关键是给你提供所有的要点，让你更快上手。它绝对不是一个完整的指南。这只是我正在构建的全球图景的一部分。

此外，还可以作为快速入门的参考指南。一口大小描述如下。希望你喜欢！

1.代码结构

简单来说，JavaScript由一系列语句和分号组成。

语句就像一个句子，但它使用代码。

例如，这是一个语句：

alert(' say hi ')；

分号不是强制性的，当它们之间有物理换行符时也可以执行。这等于一个句号。

但是，有时换行符并不能保证语句已经完成。使用标志可以作为线之间的连接符。

例如：

console . log(' This ' name ' is gibrish ')；

2."usestrict"

很长一段时间，JavaScript都不用担心向后兼容的问题。为什么？因为功能的发布从来不会重叠——直到它重叠。

2009年，ECMAScript5(ES5)发布，一些现有函数被新函数修改。默认情况下，除非使用“usestrict”启用修改，否则不会应用修改。

你必须把‘严格使用’放在JavaScript代码的顶部，否则不会应用。

现在，请始终使用“usestrict ”,因为我们不想使用JavaScript的早期实现。

变量

3.变量

是信息的占位符。可以把它想象成一个存储数据的桶。

使用关键字let声明变量并命名它们。

这将初始化它。可以用=给它赋值。

如果你没有给它赋值，默认设置是undefined——这意味着它被初始化了，但是桶里什么也没有。简而言之，就是说从来没有设定过。

这与null不同。

对于null，开发人员必须手动分配它。某种程度上，实际上是承认你的代码故意保证了桶是空的，只是你没有忘记去填满它，或者在这个过程中出现了问题。

在早期的脚本中，使用var。他们的行为会影响最终的产出。我好像写在这里了。如果你有兴趣，请随时查看。

4.数据类型

与其他语言相比，JavaScript的数据类型并不多。以下是一个全面的列表及其含义：

数

let some number=2984；

someNumber=29.84

数字没有“引号”。只是普通的老直达号。您可以处理整数和浮点数。基本运算符处理数字。

还有一个特殊的无穷数。你只需要做1/0——所以，一除以零。这个数值被认为是历史上最大的数字，不能算是小成绩。

如果得到NaN，说明遇到了计算错误。这也意味着你要进行无意义的数学运算，比如字符串文本除以数字。

大整数

在JavaScript中，它能执行的最大数大约是16位。在大多数情况下，我们的应用程序能够存活的位数少于16位。但是，有时候我们可能需要一个很大的数来使用它，比如密码学。

通过在数字末尾添加n来创建BigInt。

constsomemassivennumber=1234567890123456789012345678901234567890n；

串

字符串是用引号括起来的文本变量。您可以使用三种类型的引号-'单引号''双引号'和'反勾号'

JavaScript中的double和single没有区别。反引号更多的是用来扩展字符串的功能，以及用$ {}嵌入变量。

例如：

letcat=' Tibbersconsole.log(`Hi，$ { cat } `)；

如果在上面的例子中使用引号，它将成为一个普通的字符串。

布尔型

将打印出真或假。

这通常是某种比较的结果。

空值

它只是表示“不”。在其他语言中看不到的空指针内容。

未定义

undefined仅仅意味着没有赋值。没什么特别的。

对象

其他数据类型比较简单，所以称为原语。对象是允许您为其设置多个项目的东西。

5.类型转换

有时候，不管什么原因，你都需要在不同类型之间切换。这就是你的操作方式。

letsomeFakeBoolean=true

someFakeBoolean=String(someFakeBoolean)；

//使用String()willconver

tyourvariableintoastringletsomeFakeNumber="3872";

someFakeNumber=Number(someFakeNumber);

//usingNumber()willconvertyourstringintoanumber

请注意，将随机文本转换为数字是行不通的，通常这样做没有任何意义。您将以NaN结尾

Boolean（）会将任何值转换为true或false输出。任何"空"（例如0，null，undefined和NaN）都将返回false。其他一切都会返回true

6.Operator

这些运算符不是特定于JavaScript的，大多数编程语言通常都以相同的方式来支持它们。这是清单：

AND(&)OR(|)XOR(^)NOT(~)LEFTSHIFT(<<)RIGHTSHIFT(>>)ZERO-FILLRIGHTSHIFT(>>>)

使用这些运算符时，只需大声说出它们，然后它们基本上会执行您的要求。

例如：

printLine(line,id){if(line&id){//ifbothexists,runthiscode}}

7.比较

考虑一下数学比较。这就是这些：

·大于/小于：a>b，a<b。

·大于/小于或等于：a>=b，a<=b。

·等于：a==b（单=号是赋值而不是比较器）。

·不等于。a！=b。

8.提醒，提示，确认

这些是弹出"弹出"的弹出窗口

alert(yourMessageHere);

提示有两个参数-问题和答案。

letpromptMe=prompt('yourquestionhere',['bluepill','redpill']);alert(`You'vetakenthe${promptMe}`);

确认表示您需要单击接受按钮以使代码返回true。

letisOver18=confirm("Areyouover18?");alert(isOver18);//trueifOKispressed

9.有条件的

曾经如此著名的if语句是开始JavaScript项目的骨干。这个想法很简单，如果满足条件，请运行代码。

看起来是这样的：

if(true)alert('woot!');

条件始终返回布尔值作为最终结果。因此，您可以在其中进行数学比较，检查以及您想要的其他任何内容，只要它的计算结果为布尔值即可。

除了if语句外，还有if和else

elseif用另一个if语句扩展它。否则仅以catch各种子句结尾。

看起来是这样的：

if(false){//thiscodewon'trunbecauseitreturnedfalse}elseif(false){//thisalsowon'trun}elseif(false){//stillnope}else{//finalcatchall}

10.循环

可以将其视为重复的if语句，而不必每次都手动写出相同的内容或进行多次调用使其运行。

它具有条件，并且仅在条件返回false时才停止运行代码

leti=0;while(condition){//somecodehere//don'tforgettosetyourexitclausebymodifyingtheconditiontoreturnfalse.Mostpeoplejustusei++}

"do…while"循环将其语法颠倒过来，并在运行代码后检查条件。为什么？因为有时您只需要至少运行一次代码即可。

看起来是这样的：

do{//somecodehere}while(condition);

11.切换语句

Switch语句基本上使您能够编写选项。

看起来是这样的：

switch(yourValueHere){case'optionOne'://yourcodeherebreak;case'optionTwo'://yourcodeherebreak;case'optionThree'://yourcodeherebreak;default://yourfallbackcodehere}

您还可以对案例进行分组，这样您就不必多次编写相同的输出。

switch(yourValueHere){case'optionOne':case'optionTwo'://yourcodeherebreak;case'optionThree'://yourcodeherebreak;default://yourfallbackcodehere}

12.函数

功能就像JavaScript应用程序，库，框架和任何以脚本语言编写的"程序"的构造块。

我们之前已经遇到过一些内置函数，例如alert（）和hint（）

您可以这样编写自己的函数：

functionfunctionNameHere(){//yourcodehere}

然后，您只需使用函数名称进行调用即可：

functionNameHere();

13.函数表达式

编写函数的方法不止一种。您可以通过以下几种方式编写它：

functionyourFunctionName(){//somecodehere}letanotherFunction=function(){}

14.箭头函数

箭头函数只是使编写函数更短的语法。看起来是这样的：

letfunctionNameHere=(argumentsHere)=>//dosomething

箭头功能通常位于一行上，但是在卷曲{}的帮助下，可能会出现多行

看起来是这样的：

letcat=()=>{//thisis//amulti-line//examplereturnsomeValue;//isrequired.Canjustbeastraightreturn;}

当使用带有箭头函数的curl{}时，还需要使用return退出它。

这基本上就是这篇文章的内容。

希望你觉得它有用！

感谢您的努力。

(本文翻译自AphinyaDechalert的文章《14FundamentalJavaScriptConceptsExplainedSimply》，参考：https://medium.com/madhash/14-fundamental-javascript-concepts-explained-simply-8381dc9606c8)