Web

Web开发04

Posted by RyoCY on 2025-01-29
Estimated Reading Time 3 Minutes
Words 959 In Total
Viewed Times

JavaScript 基础

一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

写入方法

  1. 内部 JavaScript
    直接写在 html 文件里，写在 </body> 里，用 script 标签包住。
    1
    2
    3
    4
    5
    <body>
    <script>
        // 内容
    </script>
    </body>
  2. 外部 JavaScript
    代码写在以.js结尾的文件里，通过 script 标签，引入到 html 页面中。
    1
    2
    3
    4
    5
    <body>
    <script src="./js/my.js">
        // 中间不要写内容
    </script>
    </body>
  3. 内联 JavaScript
    代码写在标签内部 
    1
    2
    3
    <body>
    <button onclick="alert('hello!')">button</button>
    </body>

基本知识

在 JavaScript 中 ; 代表一段代码的结束，但也可以使用回车（enter）替代。

输入输出

alert() 和 prompt() 会跳过页面渲染先被执行。

1
2
3
4
5
6
7
8
9
10
// 1. 文档输出内容
document.write('我是div标签')
document.write('<h1>我是标题</h1>')
// 2. 页面弹出警告对话框
alert('要输出的内容')
// 3. 控制台打印输出给程序员
console.log('看看对不对')
console.log('日志')
// 输入语句
prompt('请输入您的年龄：')

变量

声明(定义)变量有两部分构成：声明关键字、变量名（标识）。使用关键字 let 和一个名字来创建变量，const 和一个名字来创建常量，使用等号 = 和一个值来为变量或常量赋值。

数据类型

  1. 数字类型（Number）：JS 是弱数据类型，变量到底属于那种类型，只有赋值之后才能确认。
  2. 字符串类型（string）：通过单引号（‘’） 、双引号（“”）或反引号（``）包裹，一般使用单引号。+ 运算符可以实现字符串的拼接。字符串里的变量用 ${ } 包住。
  3. 布尔类型（boolean）：true 或 false。
  4. 未定义类型（undefined）
  5. null（空类型）
  6. 检测数据类型：typeof x 或 typeof(x).

运算符

需要特殊记忆的比较运算符：
== 左右两边值是否相等
=== 左右两边是否类型和值都相等
!== 左右两边是否不全等

分支语句

需要特殊记忆的：if 多分支语句为 if...elseif...else

数组

1
2
let 数组名 = [数据1, 数据2, ..., 数据n]
数组名[下标] // 取值
  1. 增加
    arr.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度
    arr.unshift() 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度
  2. 删除
    arr.pop() 方法从数组中删除最后一个元素，并返回该元素的值
    arr.shift() 方法从数组中删除第一个元素，并返回该元素的值
    arr.splice(起始位置，删除几个元素) 方法删除指定元素
  3. 排序 
    1
    2
    3
    4
    5
    6
    7
    8
    // 升序排列
    arr.sort(function (a, b) {
    return a - b
    })
    // 降序排列
    arr.sort(function (a, b) {
    return b - a
    })

函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/* 函数声明 */
function 函数名() {
  函数体
}
function 函数名(参数列表) {
  函数体
}
// 调用
函数名()

/* 函数表达式 */
let fn = function () {
  // 函数体
}
// 调用
fn()

/* 立即执行函数：避免全局变量之间的污染，多个立即执行函数要用 ; 隔开 */
// 方式1
(function () {函数体})();
// 方式2
(function () {函数体}());

对象

  1. 声明语法 
    1
    2
    3
    4
    5
    let 对象名 = {
        属性名: 属性值,
        方法名: 函数
    } // 常用
    let 对象名 = new Object()
  2. 查找：对象名.属性 或 对象['属性']
  3. 赋值：对象名.属性 = 新值
  4. 增加属性：对象名.新属性 = 新值
  5. 删除属性：delete 对象名.属性

Math对象

Math 对象包含的方法有：

  1. random：生成0-1之间的随机数（包含0不包括1）
  2. ceil：向上取整
  3. floor：向下取整
  4. round：四舍五入
  5. max：找最大数
  6. min：找最小数
  7. pow：幂运算
  8. abs：绝对值
特色标签
Web
链友
ESC