JS1

一.引入方式

  • 内部引入:<script> </script> 放在<body>里。

  • 外部引入:<script src="name.js"></script>。

二.注释

  • 单行注释://

  • 多行注释:/* */

三.输入和输出

  • 输入:prompt() 以弹窗形式出现,提示用户输入内容。

  • 输出:alert()页面弹出提醒对话框

  • document.write() 向body输出内容

  • console.log() 控制台输出

四.变量

  • 理解:存放数据的容器。

  • 声明:let 变量名(可以不用先赋值,值可以改变)const 声明变量要初始化,不可以重新赋值。

  • 赋值:用"="。

  • 命名规则:

  1. 只能是字母、数字、下划线、$,且不能以数字开头。

  2. 字母区分大小写,如 Age 和 age 是不同的变量。

  3. JavaScript 内部已占用于单词(关键字或保留字)不允许使用。

  4. 尽量保证变量具有一定的语义,见字知义。

五.数据类型:

  • 基本数据类型:number 数字型 string 字符串型 boolean 布尔型 undefined 未定义型 null 空类型。

  • 引用数据类型:object 对象

let score = 90 //数字型
let name = '小明' // 字符串型
let isGood = true
let a //只声明变量,未赋值,结果为undefined

六.算术运算符:

  • +:求和

  • -:求差

  • *:求积

  • /:求商

  • %:取模(取余数)

  • ++:自增

  • --:自减

七.赋值运算符=+=-=*=/=

八.比较运算符==(松散相等,会类型转换)、===(严格相等,不转换)、!=!==><>=<=

.逻辑运算符&&(与)、||(或)、!(非)

十.三元运算符条件 ? 表达式1 : 表达式2(如 age > 18 ? "成年" : "未成年"

十一.条件语句:

//if 语句
if (条件1) { ... } 
else if (条件2) { ... } 
else { ... }
//switch 语句
switch (变量) {
  case 值1: ...; break;
  case 值2: ...; break;
  default: ...;
}

十二.循环语句:

// for循环
for (let i = 0; i < 10; i++) { ... }

// while循环
while (条件) { ... }

// do-while循环(至少执行一次)
do { ... } while (条件);

// for...in(遍历对象属性)
for (let key in obj) { ... }

// for...of(遍历可迭代对象,如数组、字符串)
for (let value of arr) { ... }

十三. 跳转语句break(跳出循环)、continue(跳过当前循环)。

十四.数组:

  • 创建:let/const 数组名 = [],可以存储任意数据类型。

  • 索引号:从0开始。

  • 取值:数组名[下标]

  • 常用方法:增:push()(末尾加) unshift()(开头加)

删:pop()(末尾删) shift()(开头删) splice(从哪个开始删,删几个)

  • 遍历:for (let i = 0;i<数组名.length;i++){ 数组名[i]}。

十五.函数:

  • 声明方式:

// 函数声明
function add(a, b) {
  return a + b;
}

// 函数表达式
const multiply = function(a, b) {
  return a * b;
};

// 箭头函数(ES6,无this绑定)
const divide = (a, b) => a / b;
  • 参数:支持默认参数(function fn(a=0) { ... })、剩余参数(function fn(...args) { ... })(一个函数只能有一个)。

  • 返回值:通过 return 语句返回,若无则默认返回 undefined

十六.对象:

  • 声明:

 let 对象名 = {
    属性名:属性值,
    方法名:函数
}

//例子

let obj = {
  name: "Tom",
  age: 20,
  sayHi: function() { console.log("Hi"); }
};
  • 查:对象名.属性名 或 对象名['属性名']

  • 改:对象名.属性名 = 新值

  • 增:对象名.新属性 = 新值

  • 删:delete 对象名.属性名


JS1
http://localhost:8090//archives/js1
作者
王雅慧
发布于
2025年10月22日
许可协议