JavaScript基础

最新推荐文章于 2025-08-23 02:53:08 发布

原创最新推荐文章于 2025-08-23 02:53:08 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

java 专栏收录该内容

9 篇文章

订阅专栏

这篇博客详细介绍了JavaScript的书写位置，包括内联、外部和内联JavaScript。接着讲解了变量的声明与使用，强调了let相对于var的优势。还涵盖了数据类型的检测、模板字符串、类型转换以及基本的运算符。此外，文章还提及了函数和对象的基础知识，是JavaScript初学者的入门教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文主要参考了视频JavaScript入门到精通。

JavaScript 书写位置

1. 内部 JavaScript

直接写在html文件里，用script标签包住

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript学习</title>
</head>
<body>

<script>
  <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
  document.write("JavaScript学习")
</script>
</body>
</html>

2. 外部 JavaScript

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入

<script src="demo.js"></script>

3. 内联 JavaScript

代码写在标签内部

<button onclick="document.write('hello')">click</button>

注释

在这里插入图片描述

输入输出语法

在这里插入图片描述

变量

JavaScript 使用专门的关键字 let 和 var 来声明（定义）变量，在使用时需要注意一些细节：

以下是使用 let 时的注意事项：

允许声明和赋值同时进行
不允许重复声明
允许同时声明多个变量并赋值
JavaScript 中内置的一些关键字不能被当做变量名

以下是使用 var 时的注意事项：

允许声明和赋值同时进行
允许重复声明
允许同时声明多个变量并赋值

大部分情况使用 let 和 var 区别不大，但是 let 相较 var 更严谨，因此推荐使用 let
关于变量的名称（标识符）有一系列的规则需要遵守：
5. 只能是字母、数字、下划线、$，且不能能数字开头
6. 字母区分大小写，如 Age 和 age 是不同的变量
7. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
8. 尽量保证变量具有一定的语义，见字知义

使用 let

<script>
  let a = 1;
  let b = "key";
</script>

数组

在这里插入图片描述

数据类型

在这里插入图片描述
通过 typeof 关键字检测数据类型：

    <script>
        // 返回的什么类型  string  number Boolean null
        document.writeln(typeof 123)
        document.writeln(typeof '123')
        document.writeln(typeof true)
        document.writeln(typeof undefined)
        document.writeln(typeof null)
    </script>

在这里插入图片描述

模板字符串

在这里插入图片描述

显式转换

在这里插入图片描述

<script>
    document.writeln(Number("123"))
    document.writeln(parseInt(123.4))
    document.writeln(parseFloat("123.45"))
</script>

在这里插入图片描述

<script>
    document.writeln(String(123))
    let key = 11
    document.writeln(key.toString())
</script>

算术运算符

在这里插入图片描述

赋值运算符

在这里插入图片描述

一元运算符

在这里插入图片描述

比较运算符

在这里插入图片描述

逻辑运算符

在这里插入图片描述

运算符优先级

在这里插入图片描述

分支语句

在这里插入图片描述

if语句

在这里插入图片描述

三元运算符

在这里插入图片描述

switch语句

在这里插入图片描述

循环语句

在这里插入图片描述

函数

在这里插入图片描述

对象

在这里插入图片描述

内置对象

在这里插入图片描述