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

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

目录

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. 综合案例

5. 常见错误

5.1 const 声明缺少初始化

5.2 标识符没有定义

5.3 标识符已经声明 

5.4 常量再赋值

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. 综合案例

<!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>

5. 常见错误
5.1 const 声明缺少初始化

5.2 标识符没有定义

5.3 标识符已经声明 

5.4 常量再赋值

5.5 字符串相加


http://www.kler.cn/news/341671.html

相关文章:

  • c# 可空引用类型
  • Linux服务器安全-使用非root账号登陆
  • linux udev详解
  • 深入了解 MySQL 中的 JSON_CONTAINS
  • 《深入浅出LLM基础篇》(五):Propmt工程优化
  • 光控资本:科创板股票代码开头是什么,科创板股票代码?
  • 卷积神经网络细节问题及知识点
  • LVS搭建负载均衡
  • 49.字母异位词分组
  • uniapp view怎么按长度排列一行最多四个元素,并且换行后,每一行之间都有间隔
  • 基于SpringBoot+Vue+uniapp的高校教务管理小程序系统设计和实现
  • 鸿蒙harmonyos next flutter混合开发之开发FFI plugin
  • 量化交易与基础投资工具介绍
  • TIM的PWM模式
  • Java使用注解进行参数校验
  • 【每天学点AI】大模型如何做情感分类?BERT是如何做情感分类的?
  • 等保测评是什么?为什么要做等保测评?
  • 技术分享 —— JMeter接口与性能测试实战!
  • 探索一机两用号召是否和源代码保密冲突
  • 智能听诊器:宠物健康教育的创新工具