JavaScript 常量/数据类型/类型转换简单学习

[1. 常量](#1. 常量)

[1.1 常量概述](#1.1 常量概述)

[1.2 案例](#1.2 案例)

[1.3 总结](#1.3 总结)

[2. 数据类型](#2. 数据类型)

[2.1 概述](#2.1 概述)

[2.2 分类](#2.2 分类)

[2.2.1 基本数据类型](#2.2.1 基本数据类型)

[2.2.1 基本数据类型------number (数值/字型)](#2.2.1 基本数据类型——number (数值/字型))

[2.2.1 数字型------算术运算符](#2.2.1 数字型——算术运算符)

[2.2.1 基本数据类型------String (字符串类型)](#2.2.1 基本数据类型——String (字符串类型))

[2.2.1 字符串拼接](#2.2.1 字符串拼接)

[2.2.1 模板字符串](#2.2.1 模板字符串)

[2.2.1 基本数据类型------boolean (布尔类型)](#2.2.1 基本数据类型——boolean (布尔类型))

[2.2.1 基本数据类型------undefined (未定义类型)](#2.2.1 基本数据类型——undefined (未定义类型))

[2.1.1 基本数据类型------null（空类型）](#2.1.1 基本数据类型——null（空类型）)

[2.3 检测数据类型 typeof](#2.3 检测数据类型 typeof)

[3. 类型转换](#3. 类型转换)

[3.1 概述](#3.1 概述)

[3.2 隐式转换](#3.2 隐式转换)

[3.3 显式转换](#3.3 显式转换)

[3.4 显式转换案例](#3.4 显式转换案例)

[4. 综合案例](#4. 综合案例)

[5. 常见错误](#5. 常见错误)

[5.1 const 声明缺少初始化](#5.1 const 声明缺少初始化)

[5.2 标识符没有定义](#5.2 标识符没有定义)

[5.3 标识符已经声明](#5.3 标识符已经声明)

[5.4 常量再赋值](#5.4 常量再赋值)

[5.5 字符串相加](#5.5 字符串相加)

1. 常量

1.1 常量概述

1.2 案例

1.3 总结

2. 数据类型

2.1 概述

2.2 分类

2.2.1 基本数据类型

2.2.1 基本数据类型------number (数值/字型)

2.2.1 数字型------算术运算符

2.2.1 基本数据类型------String (字符串类型)

2.2.1 字符串拼接

2.2.1 模板字符串

2.2.1 基本数据类型------boolean (布尔类型)

2.2.1 基本数据类型------undefined (未定义类型)

2.1.1 基本数据类型------null（空类型）

2.3 检测数据类型 typeof

3. 类型转换

3.1 概述

3.2 隐式转换

3.3 显式转换

3.4 显式转换案例

输入两个数字，打印两个数字的和；

4. 综合案例

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    table,th,td {
      width: 400px ;
      border: 1px black solid;
      text-align: center;
    }
  </style>
</head>
<body>
  <script>
    let price = +prompt('请输入商品价格')
    let num = +prompt('请输入商品数量')
    let adress = prompt('请输入地址')/* 不需要转换数据类型 */
    let sum = price * num
    document.write (`
        <table cellspacing="0">
          <caption> 商品订单 </caption>
          <tr>
            <th>商品名称</th>
            <th>商品价格</th>
            <th>总价</th>
            <th>总价格</th>
            <th>收获地址</th>
          </tr>
          <tr>
            <td>锤子手机</td>
            <td>${price}元</td>
            <td>${num}</td>
            <td>${sum}元</td>
            <td>${adress}</td>
          </tr>
        </table>
    `)
  </script>
</body>
</html>