类型、值与变量

|
let price = 199;
let temperature = -15;
let pi = 3.14159;

|
let hexColor = 0xFF6600;  // 表示橙色，相当于十进制的16737280
let memoryAddress = 0xABCD;

|
let avogadroNumber = 6.022e23;  // 阿伏伽德罗常数
let electronMass = 9.109e-31;   // 电子质量（千克）

|
// 基本运算
let total = 100 + 200;
let difference = 500 - 200;
let product = 25 * 4;
let quotient = 100 / 4;
let remainder = 17 % 5;  // 结果是2
 
// 使用Math对象
let squareRoot =

|
let tooLarge = 1.7976931348623157e308 * 2;  // Infinity
let divisionByZero = 1 / 0;                 // Infinity
let negativeInfinity = -1 / 0;              // -Infinity

|
let impossible = Math.sqrt(-1);     // NaN
let meaningless = 0 / 0;           // NaN
let invalidConversion = "hello" - 5; // NaN

|
let result = "text" * 2;
console.log(result === NaN);    // false（不能这样检测）
console.log(isNaN(result));     // true（正确的检测方法）

|
let cost1 = 0.2;
let cost2 = 0.1;
let total = cost1 + cost2;
console.log(total);                    // 0.30000000000000004（而不是0.3）
console.log(total === 0.3);           // false
 
// 解决方案：使用整数进行计算
let cents1 = 20;  // 20分
let cents2 = 10;  // 10分

|
let greeting = "欢迎来到JavaScript的世界";
let name = '张三';
let message = "今天是个好日子";

|
let quote = '他说："学习编程很有趣"';
let response = "我同意你的观点，编程确实'很有趣'";
let escaped = "她问：\"你今天学了什么？\"";

|
let multiLine = "第一行\n第二行";      // \n表示换行
let tabSeparated = "姓名\t年龄\t城市"; // \t表示制表符
let backslash = "文件路径：C:\\Users";  // \\表示反斜杠

|
let cityName = "北京";
console.log(cityName.length);  // 2
 
let englishCity = "Beijing";
console.log(englishCity.length);  // 7

|
let sentence = "JavaScript是一门强大的编程语言";
 
// 获取特定位置的字符
let firstChar = sentence.charAt(0);        // "J"
let lastChar = sentence.charAt(sentence.length - 1);  // "言"
 
// 提取子字符串
let substring = sentence.substring(0, 10);  // "JavaScript"
let slice 

|
let firstName = "李";
let lastName = "明";
let fullName = firstName + lastName;        // "李明"
 
let age = 25;
let introduction = "我叫" + fullName + "，今年" + age + "岁";
 
// 使用模板字符串（推荐方式）
let modernIntro = `我叫${

|
let score = 85;
let isPassing = score >= 60;        // true
let isPerfect = score === 100;      // false
let needsImprovement = score < 70;  // false

|
// 假值包括：
Boolean(undefined);  // false
Boolean(null);       // false
Boolean(0);          // false
Boolean(-0);         // false
Boolean(NaN);        // false
Boolean("");         // false（空字符串）

|
Boolean("hello");    // true
Boolean(42);         // true
Boolean(-1);         // true
Boolean([]);         // true（空数组也是真值）
Boolean({});         // true（空对象也是真值）

|
let userInput = "张三";
 
// 传统方式
if (userInput !== null && userInput !== undefined && userInput !== "") {
    console.log("用户输入了内容");
}
 
// 利用真假性的简洁方式
if (userInput) {
    console.log("用户输入了内容");
}

|
let hasLicense = true;
let hasInsurance = true;
let canDrive = hasLicense && hasInsurance;  // true
 
let temperature = 25;
let isComfortable = temperature > 18 && temperature < 30;  // true

|
let isWeekend = false;
let isHoliday = true;
let canRest = isWeekend || isHoliday;  // true
 
let userAge = 16;
let isChild = userAge < 12 || userAge > 65;  // false

|
let isLoggedIn = false;
let needsLogin = !isLoggedIn;  // true
 
let isEmpty = "";
let hasContent = !isEmpty;  // true

|
let user = null;
// 如果user为null，就不会尝试访问user.name，避免了错误
let userName = user && user.name;
 
let defaultName = "访客";
// 如果userInput为假值，就使用默认值
let displayName = userInput || defaultName;

|
let studentName;
console.log(studentName);  // undefined
 
let scores = {};
console.log(scores.math);  // undefined（属性不存在）
 
function greet(name) {
    console.log(name);  // 如果调用时不传参数，name就是undefined
}
greet();  // undefined

|
let selectedItem = null;  // 表示当前没有选中任何项目
let lastError = null;     // 表示当前没有错误
 
// 在函数中，可以用null表示找不到结果
function findStudentById(id) {
    // 查找逻辑...
    if (/* 找不到 */) {
        return null;  // 明确表示没有找到
    }
    // 返回找到的学生对象
}

|
let value;
 
// 检查是否为undefined
if (value === undefined) {
    console.log("值是undefined");
}
 
// 检查是否为null
if (value === null) {
    console.log("值是null");
}
 
// 检查是否为null或undefined
if (value == null) {  // 注意使用==而不是===
    console.log("值是null或undefined"

|
let studentAge = 18;
studentAge = 19;  // 可以重新赋值
 
const schoolName = "第一中学";
// schoolName = "第二中学";  // 错误！常量不能重新赋值
 
let totalScore;   // 可以先声明，后赋值
totalScore = 95;
 
const pi = 3.14159;  // 常量必须在声明时赋值

|
function calculateGrade() {
    if (true) {
        let blockVariable = "只在这个块内有效";
        const blockConstant = 100;
        console.log(blockVariable);  // 正常工作
    }
    // console.log(blockVariable);  // 错误！变量在块外不可访问
}

|
// 好的变量命名
let userName = "张三";
let studentCount = 30;
let isCompleted = false;
let maxRetryTimes = 3;
 
// 避免的命名方式
let a = "张三";        // 太简短，无法表达含义
let student_name = ""; // 下划线风格在JavaScript中不常用
let 123name = "";      // 错误！不能以数字开头

|
let firstName = "三";
let lastName = "张";
let fullName = firstName + lastName;
let phoneNumber = "13800138000";
let birthDate = new Date();

|
let globalVariable = "全局变量";  // 在任何地方都可以访问
 
function processStudentData() {
    let functionVariable = "函数变量";  // 只在函数内可访问
    
    for (let i = 0; i < 5; i++) {
        let loopVariable = "循环变量";  // 只在循环内可访问
        console.log(globalVariable);    // 可以访问全局变量
        console.

|
function demonstrateHoisting() {
    console.log(myVariable);  // undefined（而不是错误）
    
    var myVariable = "hello";
    
    console.log(myVariable);  // "hello"
}
 
// 上面的代码实际上等同于：
function demonstrateHoisting() {
    var myVariable;  // 声明被提升到顶部
    console.log(myVariable);  // undefined
    
    myVariable = "hello";  // 赋值仍在原位置

|
function modernDeclaration() {
    // console.log(myLet);  // 错误！不能在声明前使用
    
    let myLet = "现代方式";
    console.log(myLet);  // "现代方式"
}

|
let student = {
    name: "李华",
    age: 18,
    scores: [85, 90, 78]
};
 
// 修改对象属性
student.age = 19;
student.scores.push(92);
 
console.log(student);  // 对象已被修改

|
let message = "hello";
message.toUpperCase();  // 这不会改变message本身
console.log(message);   // 仍然是"hello"
 
let newMessage = message.toUpperCase();  // 需要将结果赋给新变量
console.log(newMessage);  // "HELLO"

|
let originalStudent = {
    name: "王五",
    grade: 90
};
 
let copiedStudent = originalStudent;  // 复制的是引用，不是对象
 
// 修改任一变量都会影响同一个对象
copiedStudent.grade = 95;
console.log(originalStudent.grade);  // 95（也被改变了）
 
// 它们指向同一个对象，所以相等
console.log(originalStudent === copiedStudent);  // true

|
let student1 = { name: "张三", age: 20 };
 
// 浅拷贝
let student2 = { ...student1 };  // 使用展开运算符
// 或者
let student3 = Object.assign({}, student1);
 
// 现在它们是不同的对象
student2.age = 21;
console.log(student1.age);  // 20（没有被改变）
console.log(student1 === student2);  // false（不同的对象）

|
let classInfo = {
    className: "高三一班",
    students: [
        { name: "小明", age: 18 },
        { name: "小红", age: 17 }
    ]
};
 
// 深拷贝（简单方法，但有限制）
let newClassInfo = JSON.parse(JSON.stringify(classInfo));
 
// 修改新对象不会影响原对象
newClassInfo.students[0].age = 19

|
let book1 = { title: "JavaScript指南", pages: 300 };
let book2 = { title: "JavaScript指南", pages: 300 };
 
console.log(book1 === book2);  // false（不同的对象）
 
// 如果需要比较对象的内容，需要自定义比较函数
function booksEqual(book1, book2) {
    return book1.title === book2.title && book1.pages === book2.pages;
}

|
// 字符串连接时，其他类型会转换为字符串
let result1 = "今年是" + 2024 + "年";         // "今年是2024年"
let result2 = "温度：" + 25 + "度";           // "温度：25度"
 
// 算术运算时，字符串会尝试转换为数字
let calculation1 = "10" * "5";               // 50
let calculation2 = "100" - "30";             // 70
let calculation3 

|
let userInput = "";
if (userInput) {
    console.log("用户输入了内容");
} else {
    console.log("用户没有输入内容");  // 会执行这里
}
 
let itemCount = 0;
let hasItems = Boolean(itemCount);           // false
let noItems = !itemCount;                    // true

|
// 转换为数字
let ageString = "25";
let age = Number(ageString);                 // 25
let ageInt = parseInt(ageString);            // 25
let ageFloat = parseFloat("25.5");           // 25.5
 
// 转换为字符串
let score = 95;
let scoreString = String(score);             // "95"
let

|
// 用户输入通常是字符串
let userAge = "18";
let calculatedYear = 2024 - parseInt(userAge);  // 2006
 
// 格式化数字输出
let price = 199.99;
let formattedPrice = "￥" + price.toFixed(2);   // "￥199.99"
 
// 处理百分比
let percentage = 0.875;
let percentText 

|
// 小数精度问题
let total = 0.1 + 0.2;
console.log(total === 0.3);                 // false！
console.log(total.toFixed(1) === "0.3");    // true
 
// 空字符串和零的转换
console.log("" == 0);                       // true
console.log("" === 0