JavaScript变量学习手记

本文详细介绍了JavaScript中的变量概念,比较了var、let和const的特性,强调了命名规则、数据类型、初始化和避免常见错误的重要性,有助于提升代码质量和可读性。
摘要由CSDN通过智能技术生成

在这里插入图片描述

JavaScript变量学习手记

理解变量的基础

在学习JavaScript时,我发现变量就像是数据的“手饰盒”,可以存放各种珍贵的信息。要得到这些“手饰盒”,可以用varletconst这几个“工匠”。

用它们之前,得先规划好,不然可能会出乱子,代码也会变得难以理解。

初探var

刚开始学的时候,我知道了var这个经典的“工匠”。它简单好用,但也有点老派,有时候会有些小麻烦,比如变量提升这种问题。

以下是一个使用var的简单示例:

var greeting = "你好";
var age = 25;
var message = greeting + ",我今年" + age + "岁了!";
console.log(message);

在这个例子中,greetingagemessage就像是三个手饰盒,分别存放着问候语、年龄和完整的信息。

遇见let和const

后来,我发现了更现代的“工匠”——letconstlet很灵活,可以帮我做出受限制更少的“手饰盒”,而const则很坚定,它做的“手饰盒”里的内容一旦确定就不能更改。

下面是使用letconst的改进示例:

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。另外,letconst做的“手饰盒”不能重复,但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变量的知识。只要遵循这些原则和技巧,我相信我一定能写出更棒、更易于维护的代码!

  • 9
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值