JS基础第一章（引入方式、常见运算符、流程控制）

JS引入方式

内联方式：

直接在HTML文件中使用<script>标签嵌入JavaScript代码，如下所示：

<script>
    // JavaScript 代码
</script>

外部引入：

通过<script>标签引入外部的JavaScript文件，例如：

<script src="path/to/your/script.js"></script>

异步加载：

使用<script>标签的async属性实现异步加载，例如：

<script src="path/to/your/script.js" async></script>

延迟加载：

使用<script>标签的defer属性实现延迟加载，例如：

<script src="path/to/your/script.js" defer></script>

模块化方式：

通过<script>标签的type="module"属性引入JavaScript模块，例如：

<script type="module" src="path/to/your/module.js"></script>

数据类型和变量

数据类型

• 原始数据类型：

  • 字符串（String）：用引号引起来的文本数据，例如：“Hello, World!”。
  • 数字（Number）：整数或浮点数，例如：42, 3.14。
  • 布尔值（Boolean）：表示真或假，值为true或false。
  • 空值（Null）：表示一个空值或不存在的值。
  • 未定义（Undefined）：表示一个未定义的值。

• 复杂数据类型：

  • 对象（Object）：用花括号{}表示，可以包含多个键值对。
  • 数组（Array）：用方括号[]表示，可以包含多个值。
  • 函数（Function）：用function关键字定义的可执行代码块。

变量

• 在JavaScript中，变量是用来存储数据的容器。定义变量的关键字是var、let和const：
  • var：ES5中引入的关键字，用来声明变量，存在变量提升（hoisting）的问题，有全局作用域和函数作用域。
  • let：ES6中引入的关键字，用来声明块级作用域的变量，不存在变量提升。
  • const：用来声明常量，一旦赋值就不能再改变，也具有块级作用域。

示例：

// 使用var声明变量
var name = "Alice";

// 使用let声明变量
let age = 30;

// 使用const声明常量
const PI = 3.14;
//JavaScript是一种动态类型语言，变量的数据类型可以随时改变：

javascript
let x = 10; // x是一个数字
x = "Hello"; // 现在x变成了一个字符串

常见运算符

• 算术运算符：
  • `+（加法）、-（减法）、*（乘法）、/（除法）、%（取模）、++（递增）、–（递减）
• 赋值运算符：
  • =, +=, -=, *=, /=, %=等
• 比较运算符：
  • ==（等于）、===（严格等于）、!=（不等于）、!==（严格不等于）、>（大于）、<（小于）、>=（大于等于）、<=（小于等于）
• 逻辑运算符：
  • &&（逻辑与）、||（逻辑或）、!（逻辑非）
• 位运算符：
  • &（按位与）、|（按位或）、^（按位异或）、~（按位取反）、<<（左移）、>>（右移）、>>>（无符号右移）
• 条件（三元）运算符：
  • condition ? expr1 : expr2
• 字符串连接运算符：
  • +（用于连接字符串）
• 其他运算符：
  • typeof（返回操作数的数据类型）、instanceof（用于检测对象的类型）、,（逗号运算符，用于在表达式中包含多个表达式）

流程控制

• 和java，c差不多
• js的函数直接用function 函数名(参数列表){}来声明
  • 没有访问权限修饰
  • 没有返回值类型，若需返回直接return
  • 没有异常列表