JavaScript基础教程:输出方式与常量变量

需积分: 50 16 下载量 53 浏览量 更新于2024-08-05 1 收藏 90KB MD 举报
"JavaScript基础教程,包括语法、输出方法、常量定义和变量使用" JavaScript是一种广泛用于前端开发的编程语言,它主要负责控制网页的行为。在JavaScript中,你可以通过不同的方式来控制网页的显示和交互。以下是JavaScript基础的一些关键知识点: ### 1. 作用域与控制流 作用域决定了变量和函数的可见性和生命周期。JavaScript主要有两种作用域:全局作用域(在所有函数外部定义的变量)和局部作用域(在函数内部定义的变量)。在JavaScript中,控制流主要通过条件语句(如if...else)、循环(如for,while)以及函数来实现。 ### 2. 书写格式 JavaScript代码可以以三种方式存在于HTML文件中: - **行内样式**:不推荐将JavaScript代码直接写在HTML标签内,因为它可能会导致代码混乱且不易维护。 - **内嵌样式**:通常写在`<head>`标签内的`<script>`标签中,但为了确保代码在所有元素加载完成后执行,应使用`window.onload`函数包裹操作界面元素的代码。 - **外链样式**:将JavaScript代码写入独立的`.js`文件,然后通过`<script src="yourfile.js"></script>`引入到HTML文件中。 ### 3. 常见的输出方式 - **alert()**: 显示一个带有确定按钮的对话框,通常用于简单的消息提示。 - **confirm()**: 显示一个带有确定和取消按钮的对话框,用户的选择可以通过返回值来获取。 - **prompt()**: 显示一个带输入框和确定/取消按钮的对话框,用户可以输入文本。 - **document.write()**: 将内容直接写入HTML文档,通常用于页面加载时的动态输出。 - **console.log()**: 在开发者工具的控制台中输出信息,方便调试。 - **console.warn()**: 输出警告信息。 - **console.error()**: 输出错误信息。 ### 4. 常量定义 常量是固定不变的数据,一旦定义就不能更改。JavaScript中常量的定义通常使用`const`关键字,如`const NUM = 666;`。常量类型包括: - **整型常量**(整数) - **实型常量**(浮点数) - **字符串常量**(由单引号或双引号包围的文本) - **布尔常量**(`true`和`false`) ### 5. 变量 - **定义变量**:使用`let`关键字(推荐),以前是`var`,但现在`let`提供了更好的块级作用域。 - **赋值**:`变量名 = 赋值内容` - **获取值**:`console.log(变量名)`用于输出变量的值到控制台。 注意点: - 变量在使用前应先初始化,未初始化的变量值为`undefined`。 - JavaScript是动态类型语言,变量可以存储不同类型的值。 - 变量名应遵循驼峰命名法,避免使用保留字。 了解并掌握这些基础知识,对于初学者来说是JavaScript学习的起点。随着经验的积累,你还将接触到更高级的概念,如函数、对象、数组、类、模块等,这些都是构建复杂Web应用的关键。