JavaScript变量学习手记
理解变量的基础
在学习JavaScript时,我发现变量就像是数据的“手饰盒”,可以存放各种珍贵的信息。要得到这些“手饰盒”,可以用var
、let
或const
这几个“工匠”。
用它们之前,得先规划好,不然可能会出乱子,代码也会变得难以理解。
初探var
刚开始学的时候,我知道了var
这个经典的“工匠”。它简单好用,但也有点老派,有时候会有些小麻烦,比如变量提升这种问题。
以下是一个使用var
的简单示例:
var greeting = "你好";
var age = 25;
var message = greeting + ",我今年" + age + "岁了!";
console.log(message);
在这个例子中,greeting
、age
和message
就像是三个手饰盒,分别存放着问候语、年龄和完整的信息。
遇见let和const
后来,我发现了更现代的“工匠”——let
和const
。let
很灵活,可以帮我做出受限制更少的“手饰盒”,而const
则很坚定,它做的“手饰盒”里的内容一旦确定就不能更改。
下面是使用let
和const
的改进示例:
let name = "Alice";
let isStudent = true;
const PI = 3.14159;
let welcomeMessage = "欢迎," + name + "!";
if (isStudent) {
welcomeMessage += "你是个学生。";
}
console.log(welcomeMessage);
console.log("圆的周长与直径的比例约为:" + PI);
需要注意的是,const
并不是说“手饰盒”里的值不能变,而是说这个“手饰盒”的指向是固定的。如果“手饰盒”里装的是简单的东西(基本类型),那自然就不能换了;但如果是复杂的组合(对象或数组),还是可以调整里面的“饰品”的。
我的选择
现在我知道了这么多“工匠”,我也有了自己的小偏好:
- 如果我知道某个东西不会变,我就用
const
来做个坚固的“手饰盒”,比如上面的PI。 - 如果我觉得以后可能会变,或者要存些复杂的东西,我就用
let
,比如name和isStudent。 - 当然,如果遇到一些老旧的环境,我还是会用
var
的,毕竟它更经典嘛,但在新的代码中我会尽量避免使用它。
变量与数学
我发现,JavaScript里的变量和数学里的变量有点像,都是用来代表某个值的。这样一来,我就可以用它们来进行各种计算和操作了。
(此处未包含代码示例,因为该部分主要讨论概念而非具体实现。)
起名字的小技巧
给变量起名字也是门学问。在JavaScript里,名字可以包含字母、数字、下划线和美元符号,但数字不能打头阵。这样规定,估计是为了让代码看起来更整齐、更易于理解吧。
赋值的小秘密
在JavaScript里,等号(=
)不是数学里的那个等号,而是个赋值运算符。它把右边的值搬到左边的“手饰盒”里去。这个小发现让我觉得编程真的很有趣!
数据的多样性
变量里可以装各种各样的数据,就像手饰盒里可以装各种各样的饰品一样。了解这些数据的特点,对我写出更稳定、更可靠的代码很有帮助。
初始化的小习惯
我现在有个好习惯,就是得到“手饰盒”的同时就把东西放进去,这样就不会出现空荡荡的“手饰盒”了。而且,我还发现可以在一行里得到多个“手饰盒”,这样代码就更简洁了。
下面是一个初始化多个变量的简洁示例:
let firstName = "Bob", lastName = "Smith", age = 30, jobTitle = "工程师";
未定义与重复
如果忘记给“手饰盒”放东西,它就会自动被填上undefined
。另外,let
和const
做的“手饰盒”不能重复,但var
可以。这个小区别得记清楚,不然容易出错。
运算与变换
JavaScript里的算术运算符真的很强大,不仅可以对数字进行运算,还可以处理字符串。有时候,运算符还会悄悄地改变数据的类型,或者把字符串拼接在一起。
下面是一个字符串和数字运算的示例:
let number1 = 5;
let number2 = 10;
let result = number1 + number2;
console.log("两数之和为:" + result);
let word1 = "Hello";
let word2 = "World";
let sentence = word1 + " " + word2;
console.log(sentence);
$和_的小故事
虽然在JavaScript里,美元符号($
)和下划线(_
)都可以用在变量名里,但我觉得还是用在特定的场合比较好。这样可以让代码看起来更清晰、更易于阅读。
例如,使用$
作为某些特定类型变量的前缀,或者使用_
来表示私有变量:
let $jqueryElement = $("#myElement"); // 假设这是在使用jQuery库
let _privateVariable = "这个变量是私有的,不应该从外部访问";
学到现在,我感觉自己已经掌握了不少JavaScript变量的知识。只要遵循这些原则和技巧,我相信我一定能写出更棒、更易于维护的代码!