JS干货分享：挑战最短时间带你走进JS（二）

挑战最短时间带你走进JS（二）

在上一篇文章中，我们探讨了JS的基础概念和数据类型。在本文中，我们将深入研究变量、作用域和运算符，进一步巩固您的JS基础。

变量

变量用于存储数据，以便在程序中重复使用。在JS中，使用var、let或const来声明变量：

var age = 25;  // 使用var关键字声明全局变量
let name = "John";  // 使用let关键字声明块级作用域变量
const pi = 3.14;  // 使用const关键字声明常量，不可改变

作用域

作用域定义了变量的可见性范围。在JS中，有两种作用域：全局作用域和块级作用域。全局变量在整个程序中可见，而块级变量只在声明它的代码块内可见。

// 外部作用域
var globalVariable = "global";

// 函数作用域（块级作用域）
function myFunction() {
  var localVariable = "local";
  console.log(globalVariable);  // 输出：global
  console.log(localVariable);  // 输出：local
}

myFunction();

// 输出：global
console.log(globalVariable);

// 错误：localVariable未定义
console.log(localVariable);

运算符

运算符用于对变量和值进行数学、逻辑和比较操作。JS中提供了一系列运算符，包括：

• 算术运算符： +、-、*、/、%（模运算）
• 比较运算符： ==、!=、>、>=、<、<=
• 逻辑运算符： &&（与运算）、||（或运算）、!（非运算）
• 位运算符： &（与运算）、|（或运算）、~（非运算）
• 三元运算符： condition ? value1 : value2（条件判断，若condition为true，返回value1，否则返回value2）

代码范例

// 算术运算符
let sum = 10 + 5;  // sum = 15
let difference = 20 - 10;  // difference = 10
let product = 3 * 5;  // product = 15
let quotient = 20 / 5;  // quotient = 4
let remainder = 11 % 3;  // remainder = 2

// 比较运算符
let isTrue = 10 > 5;  // isTrue = true
let isFalse = 2 != 2;  // isFalse = false

// 逻辑运算符
let isBothTrue = true && true;  // isBothTrue = true
let isEitherTrue = false || true;  // isEitherTrue = true
let isNegated = !false;  // isNegated = true

// 位运算符
let binaryAnd = 0b10 & 0b11;  // binaryAnd = 0b10 (2)
let binaryOr = 0b10 | 0b11;  // binaryOr = 0b11 (3)
let binaryNot = ~0b10;  // binaryNot = 0b1111111111111110 (二进制补码)

// 三元运算符
let result = 10 > 5 ? "大于" : "小于或等于";  // result = "大于"

掌握变量、作用域和运算符，为您的JS学习之旅奠定了坚实的基础。在接下来的文章中，我们将深入探讨函数、对象和数组，让您逐步成为一名JS开发高手。