JavaScript 入门 Day 1

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

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

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

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/Z25p8gkZWx