前言:网页的“灵魂”
哈喽大家好,我是心连欣。如果说 HTML 是网页的骨架,CSS 是皮肤,那 JavaScript (JS) 就是网页的灵魂。没有 JS,网页就是静止的;有了 JS,网页才能和你互动(比如点击按钮、轮播图、弹窗)。
很多新手(包括我)刚开始学 JS 时,觉得语法乱七八糟。但今天整理完这几个核心知识点后,我发现 JS 其实很有逻辑。今天就把我总结的 “JS 三大基石” 分享出来,帮大家少走弯路。
一、 变量声明:var、let 还是 const?
这是新手遇到的第一个“坑”。在老代码里你经常能看到 var,但在现代开发(ES6 标准)中,我们**强烈建议弃用 var。
代码示例:
我的理解:
- 想定义一个以后可能会变的值(比如计数器、用户输入),用
let。 - 想定义一个定死的值(比如配置项、URL),用
const。 - 最佳实践:默认全用
const,只有当程序报错告诉你不能赋值时,再改成let。这样能减少很多意外修改导致的 Bug。
二、 数据类型:数字与字符串的“爱恨情仇”
JS 里的数据类型很简单,但有一个特别容易让人晕的地方:字符串拼接与数字相加。
代码示例:
我的理解:
JS 很“聪明”也很“笨”,它会自动猜测你的意图。如果你想做数学题,千万别给数字加引号。如果你想拼接文字(比如 "第" + 1 + "名"),那就要用引号。
三、 比较运算符:== 和 === 的区别
这是面试必问,也是实际开发最容易出错的地方。
代码示例:
我的理解:
永远使用 ===!永远使用 ===!永远使用 ===!重要的事情说三遍。因为它不会自作主张地帮你转换类型,这样代码更安全,逻辑更清晰。
四、 函数:代码的“加工厂”
函数就是把一段代码打包起来,随时调用。现在最流行的是箭头函数,写起来特别帅。
代码示例:
结语
JavaScript 的基础其实就这三板斧:变量、类型、函数。
刚开始写代码时,不要怕报错。比如遇到 Uncaught ReferenceError: xxx is not defined,通常就是你变量没定义或者拼写错了。多打开浏览器的控制台(按 F12),看着控制台写代码,进步会非常快!
今天的分析结束啦,我们下次再见!