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 * numdocument.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.xdnf.cn/news/1560520.html

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

相关文章

VMwareWorkstation安装KylinV10sp3(银河麒麟)系统教程

版本说明 VMware版本如下 OS版本如下 创建虚拟机 点击创建新的虚拟机 按图下所示选择&#xff0c;点击下一步 按照图下所示选择&#xff0c;点击下一步 按照图下所示选择&#xff0c;点击下一步 按照图下所示选择&#xff0c;点击下一步 设置虚拟机名称&#xff0c;点击下一步…

java-02 数据结构-队列

在Java中&#xff0c;队列是一种常见的数据结构&#xff0c;用于在保持顺序的同时存储和检索数据。Java提供了java.util.Queue接口&#xff0c;它的常见实现包括ArrayDeque、LinkedList和PriorityQueue等。 如果你觉得我分享的内容或者我的努力对你有帮助&#xff0c;或者你只…

git删除错误的commit

git的流程如图&#xff1a; 当某次失误造成commit的版本有问题&#xff0c;需要回退到正常的版本修改后重新add。 首先通过git log查看commit提交记录&#xff0c;可以看到HEAD->mater是本地最新的commit&#xff0c;而origin/master, origin/HEAD是远程仓库上的最新记录…

Golang | Leetcode Golang题解之第467题环绕字符串中唯一的子字符串

题目&#xff1a; 题解&#xff1a; func findSubstringInWraproundString(p string) (ans int) {dp : [26]int{}k : 0for i, ch : range p {if i > 0 && (byte(ch)-p[i-1]26)%26 1 { // 字符之差为 1 或 -25k} else {k 1}dp[ch-a] max(dp[ch-a], k)}for _, v :…

【GT240X】【3】Wmware17和Centos 8 安装

文章目录 一、说明二、安装WMware2.1 下载WMware2.2 安装2.3 虚拟机的逻辑结构 三、安装Centos3.1 获取最新版本Centos3.2 创建虚拟机 四、问题和简答4.1 centos被淘汰了吗&#xff1f;4.2 centos里面中文显示成小方块的解决方法4.3 汉语-英语输入切换4.4 全屏和半屏切换 五、练…

【mmsegmentation】Backbone模块(进阶)自定义自己的BACKBONE

1、定义自己的backboe driving\models\backbones\efficientnetlite.py import math import torch import torch.nn as nn import torch.functional as F from mmengine.model import BaseModule from mmseg.models import BACKBONES, build_backboneefficientnet_lite_params …

双主轴车床的优势

双主轴车床作为现代制造业中的一项重要技术&#xff0c;其优势显而易见。下面我将从几个方面详细阐述双主轴车床的优势&#xff1a; ‌一、提高生产效率‌ ‌并行加工‌&#xff1a;双主轴车床最大的特点在于其能够同时在两个主轴上进行加工&#xff0c;这种并行加工方式使得在…

苍穹外卖--分页查询

pagehelper插件 先导入坐标 重点代码&#xff1a;service层 利用pagehelper动态拼接limit语句 不用在mapper中写limit 底层利用localthread来传递数据 时间显示不规范 解决方式&#xff1a; 方式一&#xff1a;在属性上加入注解&#xff0c;对日期进行格式化 方式二&#x…

vue基础(总结很详细)

vue 基础 1. vue 是什么&#xff1f; Vue.js &#xff08;读音 /vju ː /, 类似于 view &#xff09; 是一套构建用户界面的渐进式框架。 Vue 只关注视图层&#xff0c; 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图…

set的基本用法 和 底层简单了解

在前面&#xff0c;已经了解过搜索二叉树了&#xff0c;也了解了一点红黑树的内容&#xff08;不太了解的可以先查看前面的内容哦&#xff09;&#xff1b;现在我们了学习一下&#xff0c;底层以红黑树实现&#xff0c;遍历以搜索树的中序实现的set/multset&#xff1b; 序列式…

Java | Leetcode Java题解之第470题用Rand7()实现Rand10()

题目&#xff1a; 题解&#xff1a; class Solution extends SolBase {public int rand10() {int a, b, idx;while (true) {a rand7();b rand7();idx b (a - 1) * 7;if (idx < 40) {return 1 (idx - 1) % 10;}a idx - 40;b rand7();// get uniform dist from 1 - 63…

如何实现MySQL异地多活场景

作为现代化的互联网企业 &#xff0c;最怕的是什么 &#xff1f;是意外&#xff01;由各种意外导致的数据库问题&#xff0c;磁盘问题、网络问题、人员误操作问题等等&#xff0c;这些问题都可能导致数据不可用或者丢失&#xff0c;造成重大损失。因此&#xff0c;很少会有企业…

【AI系统】AI 学习方法与算法现状

在人工智能&#xff08;AI&#xff09;的漫长历史中&#xff0c;我们见证了从早期的规则驱动系统到现代的机器学习模型的转变。AI的学习方法是其进步的核心&#xff0c;而算法现状则反映了当前技术的高度和未来的发展方向。 Ⅰ.AI 学习方法 AI的工作原理基于深度神经网络&…

24.4 基于consul服务发现模式

本节重点介绍 : consul 安装consul go代码注册服务&#xff0c;注销服务&#xff0c;获取服务node_exporter改造为consul服务发现在数量比较大时&#xff0c;在注册服务的时候&#xff0c;关闭check&#xff0c;可以降低consul的压力 consul 安装 准备工作 # 下载consul wge…

C++ | Leetcode C++题解之第470题用Rand7()实现Rand10()

题目&#xff1a; 题解&#xff1a; class Solution { public:int rand10() {int a, b, idx;while (true) {a rand7();b rand7();idx b (a - 1) * 7;if (idx < 40) {return 1 (idx - 1) % 10;}a idx - 40;b rand7();// get uniform dist from 1 - 63idx b (a - 1)…

hadoop入门

1.1 hadoop是什么 Hadoop是一个由Apache基金会所开发的分布式系统基础架构&#xff0c;主要是解决海量数据的存储和海量数据的分析计算的问题。通常Hadoop指的是一个更为广泛的概念Hadoop生态圈 1.2 hadoop发展历程 Hadoop创始人Doug Cutting&#xff0c;为了实现与Google类…

小猿口算APP脚本(协议版)

小猿口算是一款专注于数学学习的教育应用,主要面向小学阶段的学生。它提供多种数学练习和测试,包括口算、速算、应用题等。通过智能化的题目生成和实时批改功能,帮助学生提高数学计算能力。此外,它还提供详细的学习报告和分析,帮助家长和教师了解学生的学习进度和薄弱环节…

数据结构前置知识(下)

1. 包装类 Java为了让基本数据类型也能够继承Object,因此给每个基本数据类型提供了包装类, 这样就可以和平常的引用数据类型一样使用了,并且也可以应用在泛型上(后续讲) 基本数据类型包装类byteByteshortShortintIntergerlongLongfloatFloatdoubleDoublecharCharacterboolean…

在IDEA里用XDebug调试PHP,断点....

做程序开发,调试必不可少,这里最近用到了PHP,顺便写个关于PHP的调试安装使用: 1、首先是PHP先安装xdebug扩展(还有zend的),这个我的工具是IDEA,所以安装方法也相对简单,如果你是用VSCode等应该也是一样,如下图,找到这个PHP->DEBUG 2、直接点上面的Install XDebug 就可以帮你…

潜水打捞系统助力,破解汽车打捞难题

随着人类活动的不断扩展&#xff0c;汽车落水事故频发&#xff0c;成为救援工作中的一大难题。汽车因其重量和结构特性&#xff0c;一旦沉入水体&#xff0c;打捞工作将面临巨大挑战。传统的打捞方法往往效率低下&#xff0c;且在操作过程中可能会对汽车造成进一步的损害&#…