`

JavaScript的变量以及变量类型

阅读更多

1、变量的定义

由字母、数字、下划线以及美元符号组成,不能以数字开头,且不能是关键字。

 

2、变量的类型

(1)基本数据类型
A、数字型[number]:正负整数、浮点数、十六进制数、八进制数、指数以及特殊数值NaN、Infinity、-Infinity。
B、字符串型[string]:以单引号或双引号包裹起来的字符串。
C、布尔型[boolean]:只有两个值:true和false。
D、undefined型[undefined]:只有一个值undefined,如果使用var定义一个变量,但没有进行赋值,则打印该变量的值就为undefined。

 

什么时候会产生NaN?

1)当一个数字和一个字符串进行运算【非加法运算】的时候就会产生。

2)Infinity正无穷大和-Infinity负无穷大相加的时候也会产生NaN。

3)当进行非数字字符串的整型转换时会产生NaN。 

 

(2)对象类型
A、日期[object]
B、数组[object]
C、NULL[object]
D、对象[object]

E、RegExp正则表达式[object]

 

(3)函数类型

 

3、变量类型的判断
语法:typeof 变量名

 

 4、代码示例

<!doctype html>
<html>
	<head>
		<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),utf-8国际编码-->
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<!--声明当前页面的三要素-->
		<title>JavaScript的变量以及变量类型</title>
		<meta name="Keywords" content="关键词,关键词">
		<meta name="description" content="">
	</head>
<body>
	<script type="text/javascript">
		console.log("***************************基本数据类型***************************");
		console.log("===================数字型:number==========================");
		var a = 10; //整数
		var b = 3.14; //浮点数
		var c = 0377; //八进制数
		var d = 0xff; //十六进制数
		var e = 2e+3; //指数
		var f = 5/0; //当数据超出允许范围或除0操作时返回的值为Infinity
		var g = 10*"f"; //当进行字母的整型转换时返回的值为NaN
		console.log("当前a的数据类型为:"+(typeof a)); //number
		console.log("当前b的数据类型为:"+(typeof b)); //number
		console.log("当前c的数据类型为:"+(typeof c)); //number
		console.log("当前d的数据类型为:"+(typeof d)); //number
		console.log("当前e的数据类型为:"+(typeof e)); //number
		console.log("当前f的数据类型为:"+(typeof f)); //number
		console.log("当前g的数据类型为:"+(typeof g)); //number
		console.log("===================字符串型:string==========================");	
		var h = "aaa";
		var i = 'bbb';
		console.log("当前h的数据类型为:"+(typeof h)); //string
		console.log("当前i的数据类型为:"+(typeof i)); //string
		console.log("===================布尔型:boolean==========================");	
		var j = true;
		var k = false;
		console.log("当前j的数据类型为:"+(typeof j)); //boolean
		console.log("当前k的数据类型为:"+(typeof k)); //boolean
		console.log("===================undefined型:undefined========================");	
		var l; //变量有声明,但没进行赋值
		console.log("当前l的数据类型为:"+(typeof l)); //undefined

		console.log("****************************对象类型****************************");
		console.log("======================日期型:object===========================");	
		var date = new Date();
		console.log("当前date的数据类型为:"+(typeof date)); //object
		console.log("======================数组型:object===========================");	
		var arr = [1, 2, 3];
		console.log("当前arr的数据类型为:"+(typeof arr)); //object
		console.log("=======================NULL型:object============================");	
		var m = null;
		console.log("当前m的数据类型为:"+(typeof m)); //object

		console.log("****************************函数类型****************************");
		console.log("=====================函数型:function==========================");	
		var fn = function(){};
		console.log("当前fn的数据类型为:"+(typeof fn)); //function
	</script>
</body>
</html>

 

 

分享到:
评论

相关推荐

    javascript变量作用域

    JavaScript 变量作用域详解 JavaScript 变量作用域是基于其特有的作用域链的。在 JavaScript 中,变量作用域是指变量可以被访问和修改的范围。 JavaScript 没有块级作用域,而是基于函数作用域和全局作用域的。 ...

    JavaScript变量,数据类型,运算符【JavaScript全栈入门教程2】

    JavaScript变量,数据类型,运算符【JavaScript全栈入门教程2】

    JavaScript:变量与数据类型

    ### JavaScript中的变量与数据类型 #### 一、变量的概念与作用 在JavaScript中,变量扮演着极其重要的角色,它是用于存储数据值的容器。通过变量,开发者能够在程序中引用和操作这些值,使得代码变得更加灵活和可...

    JavaScript获取变量数据类型.html

    JavaScript获取变量数据类型案例源码

    JavaScript变量

    ### JavaScript变量详解 ...综上所述,理解JavaScript变量的命名规则、声明方式以及作用域等概念对于编写高质量的JavaScript代码至关重要。遵循这些最佳实践可以帮助开发者写出更加清晰、高效且易于维护的代码。

    JavaScript:变量与数据类型.docx

    JavaScript:变量与数据类型.docx

    JavaScript程序设计课件:变量.pptx

    在JavaScript中,变量可以看作是一个装东西的盒子,可以用来存储各种类型的数据,并且这个数据是可以改变的。通过变量名,我们可以访问和操作存储在其中的数据。 ### 2.2.2 变量的定义方式 在JavaScript中,声明和...

    javascript变量和函数

    JavaScript是弱类型语言,变量可以存储不同数据类型,包括Number、String、Boolean、Object、Function,以及特殊的数据类型Null和Undefined。基本数据类型是不可变的,而引用数据类型(如对象和函数)是可变的,它们...

    JavaScript语言核心数据类型和变量使用介绍

    JavaScript语言核心数据类型和变量使用介绍的知识点包含在以下内容中。 首先,JavaScript的基础知识点中,变量是被赋予了值的符号名字,它作为存储数据的容器。变量可以通过var、let或const关键字进行声明。在上面...

    理解JavaScript变量作用域.pdf

    理解JavaScript变量作用域.pdf 本人还有几十本经典javascript书籍以及无数javascript资料,要的加我qq 568094881,本人网址:www.maoshanhai.com

    详解JavaScript的变量和数据类型

    总结起来,JavaScript的变量和数据类型的知识点涵盖了变量的声明和初始化、变量命名规则、数据类型的概念以及变量作用域等方面。理解这些基本概念是编写有效JavaScript代码的前提。通过上述内容的学习和实践,可以为...

    WEB开发 之 JavaScript 变量.docx

    JavaScript变量遵循特定的命名规则: 1. 变量名必须以字母、下划线(_)或美元符号($)开头。 2. 变量名可以包含字母、数字、下划线或美元符号,但不能包含空格或其他特殊字符。 3. 变量名是区分大小写的,`y`和`Y`...

    JavaScript语言 变量、数据类型、对象、函数、作用域、事件、字符串.pdf

    ### JavaScript核心概念详解 ...以上内容覆盖了JavaScript的基本概念,包括变量、数据类型、对象、函数、作用域、事件和字符串。这些是学习和理解JavaScript的核心组成部分,对于开发Web应用至关重要。

    第2节 JavaScript变量.rar

    第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 JavaScript变量.rar第2节 ...

    javascript基础之数据类型和变量思维导图.xmind

    javascript基础之数据类型和变量思维导图.xmind

    javascript各种变量类型之间的转换

    javascript各种变量类型之间的转换

    JavaScript对象变量图

    JavaScript对象变量图是一种表示JavaScript程序中变量和它们之间关系的图形化工具,它有助于开发者理解对象、变量、函数以及它们如何相互作用。在JavaScript中,一切都是对象,包括基本类型(如字符串、数字、布尔值...

    javaScript的数据类型

    ECMAScript 中有 5 种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和 String。还有 1种复杂数据类型——Object,Object 本质上是由一组无序的名值对组成的。ECMAScript 不支持任何创建...

Global site tag (gtag.js) - Google Analytics