返回

JS散装笔记：前端大杂烩，拼凑成攻

见解分享

JavaScript 入门：10 个必知的概念

揭开 JavaScript 神秘面纱

在学习前端开发的道路上，JavaScript 是一门必不可少的语言。作为一名初学者，掌握其核心概念对于在代码世界中畅游至关重要。今天，让我们一起踏上探索 JavaScript 世界的旅程，揭开这门语言的神秘面纱。

1. typeof：变量类型的试金石

typeof 运算符就如同变量类型的试金石，它可以轻松识别出变量的庐山真面目。它的语法简单明了：

typeof 变量

例如：

typeof 100 // "number"
typeof "Hello" // "string"
typeof true // "boolean"
typeof undefined // "undefined"
typeof null // "object"

2. 数值：JS 中的庞然大物

在 JavaScript 的王国中，数值称王称霸。它可以达到一个令人咋舌的数字：1.7976931348623157e+308。对于任何想要操纵数字的程序员来说，这简直是天赐良机。

3. 操作符：数学世界中的魔法棒

操作符就像数学世界中的魔法棒，它们可以对数字进行各种各样的运算。常用的操作符包括：

  • 加法（+）：将两个数字相加
  • 减法（-）：将一个数字减去另一个数字
  • 乘法（*）：将两个数字相乘
  • 除法（/）：将一个数字除以另一个数字
  • 模运算（%）：求余数
  • 递增（++）：将数字增加 1
  • 递减（--）：将数字减少 1

4. 比较运算符：真假立判

比较运算符是判断两个值大小的利器，它们会返回一个布尔值（true 或 false）。常用的比较运算符包括：

  • 等于（==）：判断两个值是否相等
  • 不等于（!=）：判断两个值是否不相等
  • 大于（>）：判断第一个值是否大于第二个值
  • 小于（<）：判断第一个值是否小于第二个值
  • 大于等于（>=）：判断第一个值是否大于或等于第二个值
  • 小于等于（<=）：判断第一个值是否小于或等于第二个值

5. 逻辑运算符：真假组合

逻辑运算符可以对布尔值进行逻辑运算，返回一个新的布尔值。常用的逻辑运算符包括：

  • 与（&&）：如果两个值都为 true，则返回 true，否则返回 false
  • 或（||）：如果两个值中有一个为 true，则返回 true，否则返回 false
  • 非（!）：取反，如果值为 true，则返回 false，如果值为 false，则返回 true

6. 条件语句：分支选择

条件语句就像一个十字路口，它根据条件的不同，选择不同的道路。常用的条件语句包括：

  • if 语句：如果条件成立，执行代码块
  • else if 语句：如果条件不成立，执行另一个代码块
  • else 语句：如果所有条件都不成立，执行代码块
  • switch 语句：根据不同的 case 执行不同的代码块

7. 循环语句：重复执行

循环语句就像永不疲倦的跑步机，可以重复执行一段代码。常用的循环语句包括：

  • for 循环：根据指定的条件循环执行代码块
  • while 循环：只要条件成立，就循环执行代码块
  • do...while 循环：先执行代码块，然后检查条件是否成立

8. 函数：封装代码

函数就像代码的封装器，可以将一段代码放在一起，方便调用。函数的语法如下：

function 函数名(参数列表) {
  // 函数体
}

9. 数组：有序数据集合

数组就像一个有序的数据集合，可以存储各种类型的数据。数组的语法如下：

var 数组名 = [元素1, 元素2, ..., 元素n]

10. 对象：无序数据集合

对象就像一个无序的数据集合，可以存储键值对。对象的语法如下：

var 对象名 = {
  键1: 值1,
  键2: 值2,
  ...,
  键n: 值n
}

结论

JavaScript 是前端开发世界中的基石。掌握其核心概念，将为你的代码之旅奠定坚实的基础。从变量类型到循环语句，这些概念相互关联，共同构成了 JavaScript 的强大引擎。

常见问题解答

  1. typeof 运算符和 instanceof 运算符有什么区别？

    • typeof 运算符返回变量的原始类型，而 instanceof 运算符检查一个对象是否属于某个类。

  2. JavaScript 中的最大安全整数是多少？

    • 9007199254740991

  3. 如何在 JavaScript 中将数字转换为字符串？

    • 使用 toString() 方法：数字.toString()

  4. if 语句和条件三元运算符有什么区别？

    • if 语句允许执行多个代码块，而条件三元运算符只执行一个。

  5. JavaScript 中的 this 指的是什么？

    • this 关键字指向当前执行函数的对象。