js简单核心知识点梳理

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

一、JavaScript 核心知识点梳理（基于你的笔记）

1. 代码编写位置

2. 基础语法

• 注释：单行//，多行/* 注释内容 */
• 语法规则：严格区分大小写、语句以;结尾、忽略空格 / 换行
• 字面量 vs 变量：
  • 字面量：固定值（如123、"abc"、true），不可修改
  • 变量：用var声明，可保存任意值

    js

    var a; // 声明 a = 10; // 赋值 var b = 20; // 声明+赋值

• 标识符规则：
  • 不能以数字 / 关键字 / 保留字开头
  • 小驼峰命名：首字母小写，后续单词首字母大写（如userName）

3. 数据类型

4. 类型转换

（1）转字符串

js

var a = 123; a = a.toString(); // 推荐（null/undefined 不可用） a = String(a); // 万能（兼容 null/undefined）

（2）转数字

js

var b = "123"; b = Number(b); // "123"→123，"abc"→NaN，""→0，true→1，false→0，null→0，undefined→NaN b = parseInt(b, 10); // 取整（第二个参数指定进制） b = parseFloat(b); // 取浮点数 b = +b; // 快捷方式（prompt 返回值常用）

（3）转布尔

js

var c = 0; c = Boolean(c); // 0/NaN/"" /null/undefined→false，其余→true

5. 运算符

• 算术运算符：+ - * / %（+遇字符串则拼接）
• 自增 / 自减：a++（先使用后加 1）、++a（先加 1 后使用）
• 逻辑运算符：
  • !：非（取反）
  • &&：与（全 true 返回最后一个，有 false 返回第一个 false）
  • ||：或（有 true 返回第一个 true，全 false 返回最后一个）
• 三元运算符：条件 ? 语句1 : 语句2
• 赋值 / 关系运算符：= += -= > < >= <= == ===

6. 流程控制

（1）分支语句

js

// if-else var score = +prompt("输入成绩："); if (score >= 90) { alert("优秀"); } else if (score >= 60) { alert("及格"); } else { alert("不及格"); } // switch switch (score) { case 100: alert("满分"); break; case 90: alert("优秀"); break; default: alert("其他"); break; }

（2）循环语句

js

// while（先判断后执行） var i = 0; while (i < 10) { console.log(i); i++; } // do-while（先执行后判断） do { console.log(i); i++; } while (i < 10); // for（最常用） for (var i = 0; i < 10; i++) { console.log(i); } // 循环控制 break; // 退出整个循环 continue; // 跳过当次循环 // 标签控制多层循环 outer: for (var i = 0; i < 5; i++) { inner: for (var j = 0; j < 5; j++) { if (j === 2) break outer; // 直接退出outer循环 } }

7. 对象

• 分类：内建对象（Math/String）、宿主对象（浏览器提供）、自定义对象
• 创建方式：

  js

  // 方式1：new Object() var obj = new Object(); obj.name = "孙悟空"; obj.age = 18; // 方式2：对象字面量（推荐） var obj = { name: "猪八戒", age: 20, "special-name": "猪悟能" // 特殊属性名加引号 };

• 操作属性：

  js

  console.log(obj.name); // 读取 obj.age = 21; // 修改 delete obj.name; // 删除 console.log(obj["special-name"]); // 特殊属性名读取

8. 函数

• 本质：特殊对象，可复用代码块
• 创建方式：

  js

  // 方式1：new Function（极少用） var fun = new Function("console.log('hello')"); fun(); // 调用 // 方式2：函数声明（推荐） function fun2(参数1, 参数2) { console.log("这是函数声明"); return 返回值; // 可选 } fun2(实参1, 实参2); // 调用

二、经典例题实现（基于你的笔记）

1. 倒三角（for 嵌套）

js

// 5行倒三角 for (var i = 0; i < 5; i++) { // 每行输出 5-i 个* for (var j = 0; j < 5 - i; j++) { document.write("*"); } document.write("<br/>"); // 换行 }

2. 九九乘法表

js

for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + "×" + i + "=" + (i*j) + "&nbsp;&nbsp;"); } document.write("<br/>"); }

3. 无限弹窗（慎用！）

js

// 死循环弹窗（关闭需终止页面） while (true) { alert("无限弹窗"); }

三、关键注意点

1. prompt()返回值是字符串，需用+/Number()转数字；
2. null的typeof是object（JavaScript 历史 bug，无需纠结）；
3. 函数声明提升：可先调用后声明，函数表达式（var fun = function(){}）不行；
4. break/continue仅作用于当前循环，多层循环需加标签；
5. 对象属性名若含特殊字符（如-、空格），必须用obj["属性名"]访问。