JavaScript demo2_数据类型与变量

最新推荐文章于 2024-09-22 11:17:00 发布
最新推荐文章于 2024-09-22 11:17:00 发布
阅读量131 收藏
点赞数
文章标签： javascript js
本文链接：https://blog.csdn.net/weixin_41700993/article/details/106168168
版权
  • 声明变量
    • 通过var关键字声明变量
    • 可以声明变量的同时给变量赋值
    • 可以一次声明一个变量也可以一次声明多个变量
    • 如果只声明变量未对其赋值，默认值为undefined
    • 如果变量重名产生覆盖
    • 注意
      • 变量严格区分大小写
      • 变量名称最好遵循驼峰标记法或者下划线法
      • 变量名称最好含义明确
  • 变量在内存中的存储与释放
    • 收集方式
    • 收集内容
    • 回收算法

test1.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
		// 声明变量
		var a;
		var b;
		var c,d;
		// alert(a); // undefined无定义数据类型
		// 声明变量的同时并且赋值
		var test = 'this is a test';
		var test1 = 12;
		var test2 = 1.2;
		var test3 = true;
		var test4 = false;
		alert(test);
		// 声明多个变量赋值相同的初始值
		var a = b = c = d = e = 1;
		alert(a); // 1
		// 变量重名会产生覆盖
		a = 33;
		alert(a); // 33
		// 变量名称声明严格区分大小写
		var username = 'bing';
		var USERNAME = 'yuan';
		alert(username); // bing
		alert(USERNAME); // yuan
		// 变量名称最好含义明确，以字母或者下划线开始，跟上数字字母下划线
		var age = 12;
		var test5 = 'hello';
		// var 12a = 'bb';
		// alert(12a);
		var _test = 'hello';
		alert(_test); // hello
		// 驼峰标记法
		var firstName = 'bing'; // 小驼峰
		var FirstName = 'bing'; // 大驼峰
		var first_name = 'bing'; // 下划线法
	</script>
</head>
<body>

</body>
</html>
  • 基本数据类型：
    • 数值型：十进制、十六进制(0x开头)、八进制(0开头)、特殊值（Infinity无穷大、NaN）
    • 字符串型：转义符
      • \n 回车换行
      • \r 换行
      • \t 水平制表符
      • \" "
      • \' '
    • 布尔类型 true/false
  • 引用数据类型：
    • 对象(object)
    • 数组(array)
    • 函数(function)
  • 特殊数据类型：
    • 无定义数据类型undefined。用来表示不存在的值或者尚未赋值的变量。
    • 空值null。null表示空值，表示什么都没有，相当于一个占位符。

null和undefined的区别就是undefined表示变量未被赋值，而null表示变量被赋予了一个空值。

test2.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		// 十进制
		var a = 12;
		a = -23;
		a = 12.3;
		a = .23e4; // 0.23*10*10*10*10 = 2300
		a = 2e3; // 2000
		a = 3E2; // 300
		a = 3E-2; // 0.03
		// 十六进制
		a = 0xABCDEF;
		a = 0X0;
		a = 0X1a2b3c4d;
		// 八进制
		a = 00;
		a = 0123;
		a = 01234234;
		// 正无穷大 Infinity
		a = 1.79e309; // Infinity
		a = -1.79e309; // -Infinity
		// NaN:Not a Number
		a=0/0; //NaN
		// 通过isNaN()来检测是否是NaN值
		// alert(isNaN(a)); // true
		// NaN不能和自身比较
		// alert(NaN===NaN); // false

		// 字符串类型
		var str = 'this is a test'; // this is a test
		var str1 = 'hello world'; // hello world
		// var str2 = aaa;
		// var username = "king's"; // king's
		// var username = 'king\'s'; // king's
		// var str2 = 'a\nbcd';
		// var str2 = 'a\nb\rc\td"e\\f';
		// alert(str2);

		// 布尔类型
		var married = true; // true
		// married = TRUE;
		// alert(true); // true

		// 声明变量为赋值
		var test6; // undefined
		// 赋值为不存在的属性值
		var test7 = String.NotExists; // undefined

		// null值
		var test8 = null; // null
		alert(test8); // null
		alert(null == undefined); // true
		alert(null === undefined); // false
	</script>
</body>
</html>

test3.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
		/*
			if(exp){
				exp为true的代码段;
			}eles{
				exp为false的代码段;
			}
		*/

		// 其它类型转换成布尔类型假的有
		var a; // undefined -> false
		// typeof得到变量的类型
		// alert(typeof a); // undefined
		a = null; // null -> false
		// 0 0.0 NaN
		a = 0; // 假
		a = 0.0; // 假
		a = 0 / 0; // NaN
		a = NaN; // 假
		// alert(typeof NaN); // number
		a = ''; // 空字符串 -> false
		a = '0'; // 真
		a = ' '; // 真
		// if(a){
		// 	alert('真');
		// }else{
		// 	alert('假'); 
		// }

		// 其它类型转换成数值型
		var b = undefined; // undefined -> NaN
		b = null; // null -> 0
		b = true; // true -> 1
		b = false; // false -> 0
		b = '12'; // 121
		// alert(b + 1); 

		var c = '12'; // '12' -> 12 2*12=24
		c = '3bing'; // '3bing' -> NaN
		c = 'true'; // NaN
		// alert(2*c); 

		c = '33'; // string
		// alert(typeof c); // string
		c = c*1; // number
		// alert(typeof c); // number
	</script>
</head>
<body>
	<h1>隐式转换的例子</h1>
	<script type="text/javascript">
		// 其它类型转换成字符串型
		document.write(undefined); // 'undefined'
		document.write('<br/>');
		document.write(null); // 'null'
		document.write('<br/>');
		document.write(NaN); // 'NaN'
		document.write('<br/>');
		document.write(123); // '123'
		document.write('<br/>');
		document.write(true); // 'true'
		document.write('<br/>');
		document.write(false); // 'false'
		document.write('<br/>');
		alert(1+"1"); // 11 拼接字符串
		alert('2' + 12); // 212
	</script>
</body>
</html>

test4.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
		// 其他类型转换成布尔类型false的有
		var test = Boolean(0); // false
		test = Boolean(0.0); // false
		test = Boolean(-0); // false
		test = Boolean(-0.0); // false
		test = Boolean(-0.1);  // true
		test = Boolean(NaN); // false
		test = Boolean(undefined); // false
		test = Boolean(''); // false
		test = Boolean('0'); // true
		// 其他类型转换成字符串型
		test = String(1234); // 1234
		test = String(23.34); // 23.34
		test = String("this is a test"); // this is a test
		test = String(true); // true
		test = String(false); // false
		test = String(NaN); // NaN
		test = String(undefined); // undefined
		test = String(null); // null
		// 其他类型转换成数值型
		test = Number(12); // 12
		test = Number(232.3); // 232.3
		test = Number(232.0); // 232
		test = Number(true); // 1
		test = Number(false); // 0
		test = Number(undefined); // NaN
		test = Number(NaN); // NaN
		test = Number(null); // 0
		test = Number("3bing"); // NaN
		test = Number("3.14"); // 3.14
		// 通过parseInt()进行转换成整型
		test = parseInt('123'); // 123
		test = parseInt('234.2'); // 234
		test = parseInt('0xabcdef'); // 11259375
		test = parseInt('01234'); // 668
		test = parseInt('101',2); // 5
		test = parseInt('12',16); // 18
		test = parseInt('3king'); // 3
		test = parseInt('true'); // NaN
		test = parseInt(true); // NaN
		test = parseInt('24 e6 8 10'); // 24
		// 通过parseFloat()转换成浮点型
		test = parseFloat('123.34abc'); // 123.34
		test = parseFloat('123'); // 123
		test = parseFloat('abc'); // NaN
		test = parseFloat(' 2e3a'); // 2000
		alert(test);
	</script>
</head>
<body>
	<h1>强制转换的例子</h1>
</body>
</html>
柑橘味柚芽
关注
JavaScript之变量声明与数据类型
qq_51209707的博客
06-08 704
一、变量 1、定义 2、用法 3、命名规则 二、数据类型 常用数据类型
浅谈javascript六种数据类型以及特殊注意点
12-08
JavaScript是一种动态类型的语言，它的数据类型分为六种：String、Null、Number、Boolean、Object以及在ES6中新增的Symbol。下面将详细讨论这些数据类型及其特殊注意点。 1. **typeof操作符** - `typeof`是一个...
菜鸟的JavaScript自学笔记整理
我在人间找bug
08-09 3893
整理学习了JavaScript的相关知识，虽然笔者还没有学习过java,但是我知道它两应该是老婆和老婆饼的关系。 本博文依据菜鸟教程进行学习与整理：https://www.runoob.com/js/js-intro.html JavaScript 基础 JavaScript 是 Web 的编程语言。与笔者上一篇博文的HTML和CSS相比，区别在于：HTML定义网页的内容，CSS规定网页的布局，JavaScript 对网页行为进行编程，它们三个都是在前端奔跑的好伙伴。 JavaScript 是脚本语言 J
【JavaScript】变量及类型转换
Zhangguohao666的博客
05-18 567
变量 变量名必须以 英文字母、_、$ 开头 变量名可以包括英文字母、_、$、数字 不可以用系统的关键字、保留字作为变量名 区分大小写 类型不需要定义，由值决定类型 数据类型概要： javascript是动态语言 解释一行，编译一行，所以变量由值确定类型 并且，解释性语言（弱数据语言）永远不可能输出地址 值类型有：原始值，引用值（他们的赋值有区别） 原始值： Number(=右边为数字，数字...
轻松学习JavaScript五：JavaScript的变量和数据类型
life is wonderful
11-26 2868
对于一们编程语言，肯定包含变量和数据类型。今天我们就来看看JavaScript脚本语言的变量和数据类型。相对 于其他的Java，C++等高级程序语言，JavaScript显得很简单。         一变量        JavaScript的变量是松散类型的，所谓松散就是用来保存任何类型的数据。变量是存储信息的容器。定义变量时 要使用var操作符(var是关键字)，后面跟一个变量名(变量
javascript基本数据类型与值类型引用类型说明
Evankaka的专栏
09-18 4167
在javascript中申明变量使用的关键字都是var，这点与其他的编程语言不尽相同，但是javascript亦含有五种基本的数据类型（也可以说是简单数据类型），它们分别是：Undefined，Null，Boolean，Number和String。还含有一种复杂数据类型—Object。
细说JavaScript的变量（JavaScript的变量详解）
zhishunet
01-13 1095
JavaScript是弱类型语言，与之相对应的是强类型语言，所谓强弱之分就是变量保存数据类型的区分，弱类型语言可以保存任意数据类型，而强类型语言必须在声明前指定变量的类型，被规定数据类型的变量只能保存对应的数据格式，常见的强类型语言有：C C++ Java，它们声明变量的同时必须同时声明其类型，在存储数据时必须存储对应的数据类型。ES6中有一种新的局部变量的声明方式，关键字为let，这种新方法的出现是为了让var的功能更具有专一性和单一性，让var专一的去声明全局变量。大驼峰：GetNameByID。
JavaScript：数据类型
山水子农
05-31 3922
一、数据类型          ECMAScript中有五种简单的数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number、String。还有一种复杂数据类型—Object，Object本质上是由一组无序的名值对组成的。 1、typeof         鉴于ECMAScript是松散类型的，因此需要有一种手段来检测给定变量的数据—typeof就是负责提供这
JavaScript的数据类型及强弱类型
qq_41509200的博客
09-18 961
JavaScript的数据类型及强弱类型 1、JS数据类型 JavaScript中有6种数据类型：数字（number）、字符串（string）、布尔值（boolean）、undefined、null、对象（Object）。其中对象类型包括：数组（Array）、函数（Function）、还有两个特殊的对象：正则（RegExp）和日期（Date）。 2、JS数据类型的判断 利用函数typeof()进行...
HTML——变量、数据类型、运算符(JS)
weixin_52874695的博客
11-28 1216
JavaScript是一种脚本语言，它可以嵌入到HTML中，由浏览器解释执行，不需要编译，简称为js变量是用来存储数据的容器,本质上是内存中的一块空间。
JavaScript——变量、数据类型
云祁QI
10-09 965
文章目录1.变量是用于存储信息的"容器"2.重新声明 JavaScript 变量3.JavaScript 数据类型4.JavaScript 对象实例5.声明变量类型Undefined 和 Null 1.变量是用于存储信息的"容器" 变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。 变量必须以字母开头 变量也能以 $ 和 _...
HTML5_multiple_dnd_upload_demo.zip_JavaScript/JQuery_JavaScript_
08-11
当用户释放鼠标时，`ondrop`事件被触发，此时JavaScript会阻止默认的浏览器行为（如打开文件），并读取拖放的文件数据。`FileReader`对象可以用来预览或读取文件内容，`FormData`对象则用于存储这些文件以便发送到...
JS-.rar_DEMO_js_js demo_js的demo
09-22
首先，JavaScript的基础知识点包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔、null、undefined、对象、数组、Symbol、BigInt）以及运算符（算术、比较、逻辑、位、三元）。示例代码可能会涵盖...
newDemo.rar_JavaScript_
08-09
1. **基础语法**：JavaScript基于ECMAScript标准，包括变量声明（var, let, const）、数据类型（Number, String, Boolean, Object, Array, Null, Undefined）、运算符（算术、比较、逻辑、赋值等）和控制流程（条件...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
最新发布
程序员阿龙的博客
09-22 4276
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 302
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 712
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 343
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
[附源码]SpringBoot+VUE+Java实现人脸识别系统
吉他程序员的博客
09-19 1001
人脸数数据录入人脸管理摄像头识别端。
JavaScript基础入门：变量、数据类型与运算符讲解
1. **变量和数据类型**：学生将学习到什么是变量，它是如何作为数据的“容器”，用于存储和操作各种类型的数据。JavaScript支持的数据类型有原始类型（如字符串、数字、布尔值）和引用类型（如对象和数组）。 2. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值