跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.js大前端

Web 前端 JavaScript 基本语法

Web 前端 JavaScript 的基本语法,涵盖脚本引入方式(内部脚本与外部脚本)、变量声明关键字(var、let、const)的区别及特性,以及数据类型分类(原始类型与引用类型),帮助开发者理解 JavaScript 基础规范。

接口猎人发布于 2026/4/5更新于 2026/5/2228 浏览

一、引入方式

1. 内部脚本

将代码定义在 HTML 页面里面。

  • 将 JS 定义在 之间
  • 可以在 html 里面的任意位置放置任意数量的
  • 一般放置在 元素的底部,改善显示速度
<script> console.log('页面加载时执行'); function localFunction() { return '内部函数'; } </script>

2. 外部脚本

额外定义一个 .js 文件,引入到 HTML 里面。

  • 只能包含 js 文件,不包含
<script src="app.js"></script>
<script src="https://cdn.example.com/lib.js" integrity="sha384-xxx" crossorigin="anonymous"> </script>

二、基本语法

1. 变量声明

JavaScript 提供了三种声明变量的方式:

  • var:传统声明方式,存在变量提升,函数作用域。
    • 全局变量,作用域较大;
    • 可以重复定义
  • let:ES6 引入,块级作用域,不存在变量提升,不允许重复声明。
    • 局部定义,不能重复定义
  • const:ES6 引入,块级作用域,声明常量,不可重新赋值(但对象或数组的内容可以修改)。
  • 原始类型:Number、String、Boolean、Null、Undefined、Symbol(ES6)、BigInt(ES2020)。
  • 引用类型:Object(包括 Array)。

2. 数据类型

JavaScript 是动态类型语言,拥有以下几种基本数据类型和引用类型:

var x = 20; x = "LXX";

目录

  1. 一、引入方式
  2. 1. 内部脚本
  3. 2. 外部脚本
  4. 二、基本语法
  5. 1. 变量声明
  6. 2. 数据类型
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Linux 网络实战:TCP/IP 协议栈与 UDP 通信编程
  • Linux initramfs 原理与实现:从内核启动到根文件系统
  • JDK 26 新 API 能力概览与实战指引
  • 具身智能与视觉:机器人如何看懂世界
  • 动态规划专题:回文串问题与区间 DP 实战
  • 链表应用实战:从内存管理到缓存淘汰
  • JNI 本质解析:Android Framework 下的 Java-Native 衔接机制
  • AI 调参技巧:贝叶斯优化 Optuna
  • OpenClaw Web Search 搜索工具配置与渠道详解
  • Git LFS 跨平台安装与配置实战指南
  • 前端流式输出实战:从原理到框架落地
  • Java 22 密封类(Sealed Classes)增强详解
  • 并发限流的常见实现方案与架构实践
  • 2024 年人工智能风险治理报告解读:构建全链条风控体系
  • HDFS 核心组件深度解析:分布式文件系统架构
  • C++ vector 基础使用与核心接口实战指南
  • C++ 继承机制:同名成员隐藏规则与派生类默认函数
  • TarsosDSP Java 实时音频处理框架技术详解
  • STL 容器适配器 stack 与 queue 底层模拟及算法实战
  • Python 爬虫自动化选股:潜力股筛选实战

相关免费在线工具

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online