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

news2024/12/23 20:41:54

目录

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.coloradmin.cn/o/2203969.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数据中心运维挑战:性能监控的困境与智能化解决方案的探寻

随着数字化进程的加速&#xff0c;数据中心已成为企业信息架构的核心支撑&#xff0c;其运维管理的复杂度和重要性也随之提升。运维团队需应对设备老化、资源分配失衡、性能波动等多重难题&#xff0c;以确保数据中心持续高效运行。 其中&#xff0c;性能监控作为运维管理的关键…

如何实现异地组网?最简单的方法与实用技巧

随着远程办公、跨地域团队协作以及家庭网络需求的增加&#xff0c;异地组网已成为许多人关注的焦点。异地组网的目的是让位于不同地点的设备可以通过互联网实现安全、稳定的连接&#xff0c;从而共享数据和资源。本文将详细介绍几种常见且简便的异地组网方法&#xff0c;包括使…

智慧园区平台项目建设方案

随着信息技术的飞速发展&#xff0c;智慧园区作为智慧城市的重要组成部分&#xff0c;正逐渐成为推动城市可持续发展的关键力量。本文旨在探讨智慧园区平台项目的建设内容&#xff0c;以期为相关领域的专家学者和决策者提供参考。 1. 智慧园区的定义与重要性 智慧园区是指运用…

C++设计模式——代理模式

欢迎来到 破晓的历程的 博客 ⛺️不负时光&#xff0c;不负己✈️ 文章目录 引言代理模式的定义代理模式的具体实现 引言 我们经常听到代理服务器「代理服务器是一个中间服务器&#xff0c;能够接收客户端的请求&#xff0c;并代表客户端向服务器发起请求&#xff0c;然后将服…

计算、通信、感知与量子技术国际学术会议

第三届计算、通信、感知与量子技术国际会议&#xff08;CCPQT 2024&#xff09;将于2024年10月25日-10月27日在中国珠海召开&#xff0c;聚焦感知、绿色通信等领域&#xff0c;邀请国内外专家探讨前沿动态&#xff0c;旨在促进学术交流与产学研合作&#xff0c;推动学科融合发展…

YOLOv11改进策略【损失函数篇】| 利用MPDIoU,加强边界框回归的准确性

一、背景 目标检测和实例分割中的关键问题&#xff1a; 现有的大多数边界框回归损失函数在不同的预测结果下可能具有相同的值&#xff0c;这降低了边界框回归的收敛速度和准确性。 现有损失函数的不足&#xff1a; 现有的基于 ℓ n \ell_n ℓn​范数的损失函数简单但对各种尺度…

【LLM论文日更】| BGE经典论文-CPACK

论文&#xff1a;https://arxiv.org/pdf/2309.07597代码&#xff1a;GitHub - FlagOpen/FlagEmbedding: Retrieval and Retrieval-augmented LLMs机构&#xff1a;BAAI领域&#xff1a;embedding model发表&#xff1a;SIGIR 2024 ​ 研究背景 研究问题&#xff1a;这篇文章…

第十一章:规划过程组(11.18规划风险管理--11.24规划干系人参与)

前面几次考试几乎都考了风险管理的相关内容和试题~&#xff01;尤其是下午题所以感觉还是挺重要的&#xff01; 11.18 规划风险管理 11.18.1 风险基本概念 每个项目都在两个层面上存在风险:一是每个项目都有会影响项目达成目标的单个风险;二是由单个风险和不确定性的其他来源联…

RandLA-Net PB C++

tensorflow pb 模型 实现 c++ 部署 Code: https://github.com/QingyongHu/RandLA-Net RandLA-Net PB C++ randlanet_tf.h #ifndef RANDLANET_TF_H_

人工智能在免疫组化以及虚拟多重免疫荧光染色中的应用|文献速递·24-10-10

小罗碎碎念 这期推文准备了四篇文章&#xff0c;覆盖了AI在免疫组化、多重免疫组化以及虚拟多重免疫荧光染色中的应用。 目前来看&#xff0c;免疫组化这些技术大多用于验证&#xff0c;那么我们是否可以把从免疫组化分析得到的结论作为模型的先验知识&#xff0c;或者直接进…

vue3中 a-table设置某一个单元格的背景颜色

需求&#xff1a;根据某一个单元格中的某个条件不同&#xff0c;设置动态的颜色&#xff1b; 思路&#xff1a;通过官方文档提供的customCell进行判断设置不同的颜色背景&#xff0c;案例中进行了简单的行列判断&#xff0c;同学们可以根据自己的需求修改判断条件&#xff0c;动…

知乎信息流广告开户是啥政策?

作为国内领先的知识分享平台&#xff0c;知乎以其高质量的内容和精准的用户群体&#xff0c;成为了品牌营销的新蓝海。为了帮助更多企业抓住这一机遇&#xff0c;云衔科技正式推出知乎信息流广告开户及代运营服务&#xff0c;旨在为企业提供一站式的营销解决方案。 一、为什么…

mapbox解决wmts请求乱码问题

贴个群号 WebGIS学习交流群461555818&#xff0c;欢迎大家 事故现场 如图所示&#xff0c;wmts请求全是乱码&#xff0c;看起来像是将一个完整的请求拆成一个一个的字母了&#xff0c;而且控制台打印map.getStyle() 查看该source发现不出异常 解决办法 此类问题就是由于更…

服装生产管理的现代化:SpringBoot框架

2 关键技术简介 2.1 JAVA技术 Java是一种非常常用的编程语言&#xff0c;在全球编程语言排行版上总是前三。在方兴未艾的计算机技术发展历程中&#xff0c;Java的身影无处不在&#xff0c;并且拥有旺盛的生命力。Java的跨平台能力十分强大&#xff0c;只需一次编译&#xff0…

私域电商新纪元:消费增值模式引领百万业绩飞跃

各位朋友&#xff0c;我是吴军&#xff0c;专注于带领大家深入探索私域电商领域的非凡魅力与潜在机会。 今天&#xff0c;我想与大家分享一个鼓舞人心的真实故事。在短短的一个月内&#xff0c;我们的合作伙伴实现了业绩的飞跃&#xff0c;突破百万大关&#xff0c;并且用户活跃…

怎么给视频调色,新手一键调色的技巧

视频调色是视频创作的灵魂&#xff0c;赋予影像色彩魅力&#xff0c;化平凡为视觉盛宴。调整视频的色调&#xff0c;唤醒画面生机&#xff0c;营造独特氛围。下面就来教大家如何快速给视频调色&#xff0c;揭秘高效调色秘籍&#xff0c;享受视觉情感双重盛宴&#xff0c;新手也…

Folx Pro – Mac平台上替代迅雷的首选下载器

虽然许多人认为迅雷是 mac 系统上最好的下载管理器&#xff0c;但实际上&#xff0c;如果你不花钱购买会员&#xff0c;迅雷下载速度会非常慢&#xff0c;因为会出现云限速。即使你花了数百元购买白金或超级会员&#xff0c;也面临着敏感资源被封禁无法加速下载的问题&#xff…

【功能模块】-- 水印

目录 &#x1f44a;&#x1f3fb;实现思路 创建canvas 创建div并添加canvas 将div加入document中 具体实现 创建canvas 创建div并添加canvas 将div加入document中 总结 很多时候&#xff0c;我们会遇到各种各样的需求。今天我们来讲讲水印的实现方式&#xff0c;通俗易…

镭速助力解决企业大文件传输难题

在数字化时代&#xff0c;数据已成为企业的核心资产。无论是高清视频、大规模数据库备份还是复杂的3D设计文件&#xff0c;企业每天都要处理大量数据。然而&#xff0c;在享受数据带来的便利和价值的同时&#xff0c;企业也面临着一个现实问题——如何高效、安全地传输大文件&a…

Spring框架 - 下篇

预备知识&#xff1a;MyBatis Spring框架-上篇 文章目录 注解开发注解开发定义bean纯注解开发bean管理bean作用范围、生命周期 依赖注入自动装配加载properties文件 第三方bean第三方bean管理第三方bean依赖注入 总结 Spring整合MyBatis小结 整合junitAOPAOP简介AOP核心概念A…