JavaScript 入门太难?看完这 3 个核心基础,我悟了!

0 阅读2分钟

前言:网页的“灵魂”

哈喽大家好,我是心连欣。如果说 HTML 是网页的骨架,CSS 是皮肤,那 JavaScript (JS) 就是网页的灵魂。没有 JS,网页就是静止的;有了 JS,网页才能和你互动(比如点击按钮、轮播图、弹窗)。

很多新手(包括我)刚开始学 JS 时,觉得语法乱七八糟。但今天整理完这几个核心知识点后,我发现 JS 其实很有逻辑。今天就把我总结的 “JS 三大基石” 分享出来,帮大家少走弯路。

一、 变量声明:var、let 还是 const?

这是新手遇到的第一个“”。在老代码里你经常能看到 var,但在现代开发(ES6 标准)中,我们**强烈建议弃用 var

代码示例: image.png

我的理解:

  • 想定义一个以后可能会变的值(比如计数器、用户输入),用 let
  • 想定义一个定死的值(比如配置项、URL),用 const
  • 最佳实践:默认全用 const,只有当程序报错告诉你不能赋值时,再改成 let。这样能减少很多意外修改导致的 Bug。

二、 数据类型:数字与字符串的“爱恨情仇”

JS 里的数据类型很简单,但有一个特别容易让人晕的地方:字符串拼接与数字相加

代码示例: image.png 我的理解:
JS 很“聪明”也很“笨”,它会自动猜测你的意图。如果你想做数学题,千万别给数字加引号。如果你想拼接文字(比如 "第" + 1 + "名"),那就要用引号。

三、 比较运算符:== 和 === 的区别

这是面试必问,也是实际开发最容易出错的地方。

代码示例: image.png 我的理解:
永远使用 ===!永远使用 ===!永远使用 ===!重要的事情说三遍。因为它不会自作主张地帮你转换类型,这样代码更安全,逻辑更清晰。

四、 函数:代码的“加工厂”

函数就是把一段代码打包起来,随时调用。现在最流行的是箭头函数,写起来特别帅。

代码示例: image.png

结语

JavaScript 的基础其实就这三板斧:变量、类型、函数。 刚开始写代码时,不要怕报错。比如遇到 Uncaught ReferenceError: xxx is not defined,通常就是你变量没定义或者拼写错了。多打开浏览器的控制台(按 F12),看着控制台写代码,进步会非常快! 今天的分析结束啦,我们下次再见!