当前位置: 首页 > news >正文

2. JavaScript 基础:变量、运算符、分支

JavaScript 是前端开发中最重要的语言之一,掌握其基础语法和执行过程对于初学者来说至关重要。本文将基于一些示例代码,对 JavaScript 的变量、数据类型、运算符、输入输出方式以及程序执行流程进行详细讲解。


一、JavaScript 的执行过程

1. 代码引入方式

JavaScript 代码可以通过以下两种方式引入到 HTML 页面中:

  • 内联脚本:在 HTML 文件中使用 <script> 标签直接编写 JavaScript 代码。
  • 外部脚本:通过 <script> 标签的 src 属性引入外部 .js 文件。

2. 执行顺序

JavaScript 代码的执行顺序是从上到下,但浏览器会优先渲染 HTML 和 CSS,而将图片、视频和外部资源的加载放在后面。当 JavaScript 代码执行时,浏览器会暂停 HTML 和 CSS 的渲染,直到 JavaScript 代码执行完毕。

3. 多个 <script> 标签

页面上有多个 <script> 标签时,代码会按照从上到下的顺序执行,实际上这些代码会被拼接在一起执行。


二、变量和基本数据类型

1. 变量

  • 定义:变量用于存储值,可以在程序执行过程中改变。
  • 声明:使用 var 关键字声明变量。
  • 命名规范
    • 以字母或下划线 _ 开头。
    • 由字母、数字和下划线组成。
    • 遵循小驼峰命名法(如 myName)。
    • 不能使用 JavaScript 的保留字或关键字(如 variffor 等)。

2. 基本数据类型

  • 数字 (number):可以是整数或小数,正数或负数。
    var score = 95;
    var height = 180.5;
    
  • 字符串 (string):用单引号 ' 或双引号 " 包裹的文本。
    var myName =

相关文章:

  • A类地址中最小网络号(0.x.x.x) 默认路由 / 无效/未指定地址
  • 基于51单片机的音乐盒键盘演奏proteus仿真
  • 安全帽目标检测
  • 【前端优化】使用speed-measure-webpack-plugin分析前端运行、打包耗时,优化项目
  • PyCharm接入DeepSeek,实现高效AI编程
  • 【深度剖析】流处理系统性能优化:解决维表JOIN、数据倾斜与数据膨胀问题
  • 响应式原理
  • LearnOpenGL-笔记-其十
  • linux 中路由解决方案1
  • YC-8002型综合变配电监控自动化系统
  • 数据结构与算法之中缀表达式的求值
  • mysql隐式转换会造成索引失效的原因
  • 外包项目交付后还能怎么加固?我用 Ipa Guard 给 iOS IPA 增加了一层保障
  • 【appium】环境安装部署问题记录
  • IDEA修改JVM内存配置以后,无法启动
  • JVM内存模型(运行时数据区)
  • 力扣面试150题--二叉树的层平均值
  • CppCon 2014 学习:HOW UBISOFT MONTREAL DEVELOPS GAMES FOR MULTICORE
  • 7.CircuitBreaker断路器
  • DALI DT6与DALI DT8介绍
  • wordpress制作上传图片/长春网站优化咨询
  • 建设网站的目的服装类/网络营销比较常用的营销模式
  • 做网站市场/正版搜索引擎优化
  • 哪几个做内贸的网站比较好一点/公司企业员工培训
  • 一站式做网站公司/网站seo优化分析
  • 优秀网站设计有哪些/百度竞价什么意思