# JavaScript 入门 Day 1

By [aow](https://paragraph.com/@ashonthewall) · 2022-03-08

---

想要对web3开发有所了解的朋友们，**JavaScript是第一步。**

同样是小白，开始JavaScript学习历程的更新。

课程请教了Defi大佬，推荐这个👇，全免费，支持中英文等多种语言，**学完还会颁发证书**。

[https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)

Basic JavaScript一共113个小练习，做完就能掌握JS的基本概念了。

文章每小节都有对应标题的，一定要边看边练哦，不要只看。

废话不多说，我们开始第一天学习。

**1 Comment Your JavaScript Code**

在代码中标注，非常重要！！不然自己和别人都看不懂你在写什么。

两种标注方式，分别是// 和 / \* \*/

// 这只能写一行标注

/\* 这可以写好几行

标注了 \*/

**2 Declare JavaScript Variables**

首先了解data是什么？一句话，data就是计算机能看懂的东西。

JS中分8种类型data，分别是：

undefined, null, boolean, string, symbol, bigint, number, object，现在不用都记住，只需要关注string, number 这两种data type。

var是variable的意思，对计算机来说，variable是装data的盒子，和数学里的未知数x, y一个意思。x,y可以赋值，variable也可以赋值。

输入

var myName;

// 注意：JS命令末尾一定要加“；”，这样计算机才能识别你的代码。

这样，你就创建了一个名叫myName的盒子，里面可以装叫做data的东西。

**3 Storing Values with the Assignment Operator**

往盒子里装东西。

myName = “Tony”;

// 这里的data类型是string, 需要在 “ “里面才能被识别。

这样，myName里面装的就是 “Tony” 这些字符了。

**4 Assigning the Value of One Variable to Another**

盒子里的东西是可以被复制的。

还记得myName里面是“Tony”吗？

再新增一个盒子。

var hisName;

hisName = myName;

这样，hisName这个盒子里也是“Tony“了。

// 这里注意顺序，被赋值的盒子放在前面。

**5 Initializing Variables with the Assignment Operator**

第二步和第三步可以合起来，用一行代码解决。

var myName = “Tony”；

**6 Declare String Variables**

啊，我们上面已经做了。

“Tony”就是string类data。

当然，这个string里面也可以包含空格，比如

var myName = “Tony Guy is my hair man”;

如果你的data type不是string的话，可以不加 “ ”。

**7 Understanding Uninitialized Variables**

如果你只建立一个var却不赋值，那它的value就是 NaN，也就是undefined这种data type。

**8 Understanding Case Sensitivity in Variables**

JavaScript的var名字区分大小写。

var MYVAR 和 var MyVar是不一样的。

JS的通用规则：

第一个单词的首字母小写，之后每个单词首字母大写。

比如是

var myVAR；

而不是

var MyVar；

也不是

var MYVAR；

**9 Explore Differences Between the var and let Keywords**

上面提到var的可替代性，这可能成为实际操作中的一个问题。

比如，你在代码开头定义了一个

var num = 10;

然后继续埋头写写写，把这事儿忘了，在另外一页又写了

var num = 20;

那么，你所有的num这个盒子里装的东西都会变成20。这会影响你所有的代码。

所以，在新版ES6版本的JS中，出现了一个新版本的var，它叫let。

//ES6很重要，之后课程会说。

let基本上等于只能被赋值一次的var。

所以，如果你写了

let num = 10;

然后又写了

let num = 20;

那么，计算机会报错。 这样也就解决了上述var命令重复赋值的问题。

一般来说，现在JS写代码都会用let，而不是var了。

**10 Declare a Read-Only Variable with the const Keyword**

学完了let命令，还没完。ES6还有一个新的variable形式，叫const。

怎么理解？很简单，var是可以无数次赋值和无数次改写的variable，let是可以一次赋值但无数次改写的variable，const是可以一次赋值一次改写的variable。

const pet = “Cat”;

赋值之后，就无法改了，输入

pet = “Dog”;

会显示错误。

如果你有一个恒定的数据想装到盒子里，那就用const命令吧。

好了，今天先讲这些，明天见！

**_btw，在这两个discord频道都可以找到我_**

[https://discord.gg/madnfts](https://discord.gg/madnfts)

[https://discord.gg/Z25p8gkZWx](https://discord.gg/Z25p8gkZWx)

---

*Originally published on [aow](https://paragraph.com/@ashonthewall/javascript-day-1)*