详解JavaScript的变量和数据类型

2024-11-26 00:51:16

对于一门编程语言，肯定包含变量和数据类型。今天我们就来看看JavaScript脚本语言的变量和数据类型。相对
于其他的Java，C++等高级程序语言，JavaScript显得很简单。
一、变量
JavaScript的变量是松散类型的，所谓松散就是用来保存任何类型的数据。变量是存储信息的容器。定义变量时要使用var操作符(var是关键字)，后面跟一个变量名(变量名是标识符)。变量也就是初始化后可以再次改变的量。
那么我们来看看实例：

<span style="font-size:18px;">var x=2;
var y=3;
var z=2+3;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");</span>

就像代数那样：x=2，y=3，z=x+y在代数中，我们使用字母(比如x)来保存值(比如2)。通过上面的表达式z=x+y，我们能够计算出z的值为5。在JavaScript中，这些字母被称为变量。因此我们可以把变量看做存储数据的容器。
(1)JavaScript变量名
与代数一样，JavaScript变量可用于存放值(比如x=2)和表达式(比如z=x+y)。变量可以使用短名称(比如x和y)，也可以使用描述性更好的名称(比如age,sum, totalvolume)。
需要注意的是：

1变量必须以字母开头
       2变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
       3变量名称对大小写敏感（y和Y是不同的变量）
(2)JavaScript数据类型
       JavaScript变量还能保存其他数据类型，比如文本值(name="Bill Gates")。在JavaScript中，类似"Bill Gates"这样
一条文本被称为字符串。JavaScript变量有很多种类型，但是现在，我们只关注数字和字符串。向变量分配文本值
时，应该用双引号或单引号包围这个值。向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被
作为文本来处理。在后面有详细的数据类型介绍。
实例：

<span style="font-size:18px;">var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");</span>

(3)声明(创建)JavaScript变量
       在JavaScript中创建变量通常称为“声明”变量。一个好的编程习惯是，在代码开始处，统一对需要的变量进行声
明。声明变量时也可以不使用var，但是不推荐使用这种。
       我们使用var关键词来声明变量：var carname;
       变量声明之后，该变量是空的(它没有值)。如需向变量赋值，请使用等号：carname="Volvo";
      不过，您也可以在声明变量时对其赋值：var carname="Volvo";
      例子：我们创建了名为carname的变量，并向其赋值"Volvo"，然后把它放入id="demo"的HTML段落中。

<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS变量和数据类型</title>
</head> 

<body>
<p>点击这里来创建变量，并显示结果。</p> 

<button onclick="myFunction()">点击这里</button> 

<p id="demo"></p> 

<script type="text/javascript">
function myFunction()
{
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html></span>

点击效果：

(4)一条语句，多个变量
您可以在一条语句中声明很多变量。该语句以var开头，并使用逗号分隔变量即可：

var name="Gates", age=56, job="CEO";

声明也可横跨多行：

<span style="font-size:18px;">var name="Gates",
age=56,
job="CEO";</span>

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。在执行过以下语句
后，变量carname的值将是undefined：var carname;
(5)重新声明JavaScript变量
如果重新声明JavaScript变量，该变量的值不会丢失：在以下两条语句执行后，变量carname的值依然是"Volvo"：

<span style="font-size:18px;">var carname="Volvo";
var carname;</span>

(6)JavaScript算数
您可以通过JavaScript变量来做算数，使用的是和+这类运算符：
例子：

<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS变量和数据类型</title>
</head> 

<body>
<p>假设 y=5，计算 x=y+2，并显示结果。</p>
<button onclick="myFunction()">点击这里</button> 

<p id="demo"></p> 

<script type="text/javascript">
function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html></span>

点击效果：

二、数据类型
       JavaScript的数据类型包括字符串、数字、布尔、数组、对象、Null、Undefined。在讲数据类型之前我们先讲一个操作符typeof。
       typeof操作符
       typeof操作符是用来检测变量的数据类型。对于值或变量使用typeof操作符会返回如下字符串：

<span style="font-size:18px;">var box='English';
alert(typeof box);
alert(typeof English);</span>

上述两种方式都是可行的。
typeof操作符可以操作变量，也可以操作字面量。虽然可以这样使用，typeof(box),但，typeof是操作符而非内置函数。函数是对象，不是一种数据类型，所以，使用typeof来区分function和object是非常有必要的。
返回值是函数的例子：

<span style="font-size:18px;">function box(){
}
alert(typeof box);//box是Function函数，值是function box(){}，类型返回的字符串是function。</span>

(1)JavaScript拥有动态类型
JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型：
实例：

<span style="font-size:18px;">var x //x为undefined
var x = 6; //x为数字
var x = "Bill"; //x为字符串</span>

(2)JavaScript字符串String类型
字符串是存储字符的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：;
实例:可以在字符串中使用引号，只要不匹配包围字符串的引号即可

<span style="font-size:18px;">var carname1="Bill Gates";
var carname2='Bill Gates';
var answer1="Nice to meet you!";
var answer2="He is called 'Bill'";
var answer3='He is called "Bill"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")</span>

字符串类型还定义了转义字符：

(3)JavaScript数字
JavaScript只有一种数字类型。数字可以带小数点，也可以不带。Number类型包含两种数值：整型和浮点型。输出的格式均按照十进制数输出。最基本的数值字面量是十进制。也包括八进制数值字面量，前导必须是0，八进制序列(0到7，以8为基数)；十六进制字面量前面两位必须是0x，后面的是(0到9及A到F)；浮点类型，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。
1对于那些过大或过小的数值，我们可以采用科学计数法(e表示法)，用e表示该数值的前面10的指数次幂。例如：

代码如下:

2要想确定一个数值到底是否超过了规定范围，可以使用isFinite()函数，如果没有超过，返回true，超过了返回false。
3isNaN()函数用来判断这个值到底是不是NaN。isNaN()函数在接收到一个值后，会尝试将这个值转换为数值。
isNaN()函数也适用于对象。在调用isNaN()函数过程中，首先会调用value()方法，然后确定返回值是否能够转换为数值。如果不能，则基于这个返回值再调用toString()方法，再测试返回值。
实例：

<span style="font-size:18px;">var x1=36.00;
var x2=36;
var y=123e5;
var z=123e-5;
document.write(x1 + "<br />")
document.write(x2 + "<br />")
document.write(y + "<br />")
document.write(z + "<br />")</span>
 (4)JavaScript布尔
 布尔(逻辑)只能有两个值:true或false。例如：
var x=true；
var y=false；

(4)JavaScript数组
数组下标是基于零的，所以第一个项目是[0]，第二个是[1]，以此类推。下面的代码创建名为cars的数组：

<span style="font-size:18px;">var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";</span>
 或者：
<span style="font-size:18px;">var cars=new Array("Audi","BMW","Volvo"); </span>

实例

<span style="font-size:18px;">var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";
for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}</span>

输出的结果很容易知道。
(5)JavaScript对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象(person)有三个属性：firstname，lastname以及id。空格和折行无关紧要。声明可横跨多行：

var person={
firstname : "Bill",
lastname : "Gates",
id: 5566
};

对象属性有两种寻址方式：
实例

var person={
firstname : "Bill",
lastname : "Gates",
id: 5566
};
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />");

(6)Undefined和Null
Undefined这个值表示变量不含有值。可以通过将变量的值设置为null来清空变量。
Undefined类型

var box;
alert(typeof box);//box是Undefined类型，值是undefined，类型返回的字符串是undefined。

Null类型

var box=null;
alert(typeof box);//box是Null类型，值是null，类型返回的字符串是object。

(7)声明变量类型
JavaScript变量均为对象。当您声明一个变量时，就创建了一个新的对象。当声明新变量时，可以使用关键词"new"来声明其类型：

var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

以上就是关于JavaScript的变量和数据类型的全部内容介绍，希望对大家的学习有所帮助。

JavaScript闭包函数访问外部变量的方法

闭包是指有权访问另一个函数作用域中的变量的函数,但作用域的配置机制有一个需要注意的地方,即闭包只能取得包含函数中任何变量的最后一个值. 如以下案例: function create(){ var arr = new Array(); for (var i=0; i<10; i++){ arr[i] = function(){ return i; }; } return arr; } var c
JavaScript 变量命名规则

JScript 是一种区分大小写的语言. 第一个字符必须是一个 ASCII 字母(大小写均可),或一个下划线(_).注意第一个字符不能是数字. 后续的字符必须是字母.数字或下划线. 变量名称一定不能是保留字. 下面给出合法变量名称的一些示例: _pagecount Part9 Number_Items 下面给出无效变量名称的一些示例: 99Balloons // 不能以数字开头.Smith&Wesson // "与"符号(&)字符用于变量名称是无效的.
基于JavaScript 声明全局变量的三种方式详解

JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量.该方式即为显式声明详细如下: <script> var test = 5;//全局变量 function a(){ var a = 3;//局部变量 alert(a); } function b(){ alert(test); } //a();//调用a方法,那么方法里面的内容才会执行 //b(
javascript定义变量时加var与不加var的区别

一.外部的为全局,内部的为局部变量. 二.加var为局部变量(在方法内),不加var为全局变量(当方法内有一次使用后) 复制代码代码如下: <script type="text/javascript"> var golbe="global"; test(); function test(){ var local="local"; document.write(golbe); document.write(l
javascript使用isNaN()函数判断变量是否为数字

javascript中判断变量是否为数字的方法,这里主要介绍javascript里的 isNaN() 函数. 功能: isNaN() 函数用于检查其参数是否是非数字值. 语法: isNaN(x) x 必需.要检测的值. 返回值: 如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true.如果 x 是其他值,则返回 false. 说明: isNaN() 函数可用于判断其参数是否是 NaN,该值表示一个非法的数字(比如被 0 除后得到的结果). 如果把 NaN 与任何值(
javascript(jquery)利用函数修改全局变量的代码

我是将当前页用一个全局变量存储.同时在"最后一页"链接里单击方法调用一个函数自动去修改页数为最后一页,然后再调用载入评论的方法. 可是我发现点击"最后一页"第一次的时候系统没反应,再点击一次就抓去最后一页的资料了! 要说全局变量没改,应该是改了,就仿佛改了页数而载入评论的方法失效了一样. 代码如下: 复制代码代码如下: var page = 1; //初始化页数为第一页 var str = ""; $(document).ready(funct
javascript定义变量时带var与不带var的区别分析

本文实例分析了javascript定义变量时带var与不带var的区别.分享给大家供大家参考.具体分析如下: 直接看实例里说明: 复制代码代码如下: <script language="javascript" type="text/javascript"> var abc=89;//带var,表示全局变量 function test(){ var abc=80;//在函数内部,如果不带var,表示使用函数外全局变量:带上var,表示新定义一个全局变量
javascript的数据类型、字面量、变量介绍

数据类型: 1.数值型(整型int 浮点型floating) 2.字符串类型(string) 3.布尔型(只有两个值:ture fasle) 字符串字面量 1.转义系列: 在javascript中一些符号是辨别不出来的,只有转义之后正确显示出来.如: \' 单引号 \" 双引号 \n 换行符 \r 回车符 \\ 反斜杠转义实例: 复制代码代码如下: <script type="text/javascript"> document.write("hel
JavaScript语言核心数据类型和变量使用介绍

任何的编程语言都有自己的语言核心,和众多编程语言一样,JavaScript也有自己语言的核心.语言的核心部分一般被称之为JavaScript最为基础的部分.正所谓万事开头难,学习JavaScript也是一个道理,也有句古话说得好,好的开始是成功的一半.了解并学好JavaScript的语言核心部分是JavaScript学习道路上非常良好的开始. 下面是一段代码,主要介绍了JavaScript的数据类型和变量: 复制代码代码如下: //在script标签中,所有//后面的内容都称之为注释 //注释
详解JavaScript的变量和数据类型

对于一门编程语言,肯定包含变量和数据类型.今天我们就来看看JavaScript脚本语言的变量和数据类型.相对于其他的Java,C++等高级程序语言,JavaScript显得很简单. 一.变量 JavaScript的变量是松散类型的,所谓松散就是用来保存任何类型的数据.变量是存储信息的容器.定义变量时要使用var操作符(var是关键字),后面跟一个变量名(变量名是标识符).变量也就是初始化后可以再次改变的量. 那么我们来看看实例: <span style="font-size
详解JavaScript的变量

基本类型和引用类型的值 ECMAScript变量一般有两种数据类型的值:基本类型和引用类型. 基本类型: 简单的数据段:Undefined, Null, Boolean, Number, String 引用类型:多个值构成的对象: 1.动态的属性定义两者的值:创建一个变量并为其变量赋值: 执行两者的值: 引用类型:可以添加.删除属性和方法: 基本类型:不能添加.删除属性和方法: 比如:引用类型 a,可以添加属性 name age var a = new Object(); a.name = "
详解JavaScript 的变量

基本类型和引用类型的值 ECMAScript变量一般有两种数据类型的值:基本类型和引用类型. 基本类型: 简单的数据段:Undefined, Null, Boolean, Number, String 引用类型:多个值构成的对象: 1. 动态的属性定义两者的值:创建一个变量并为其变量赋值: 执行两者的值: 引用类型:可以添加.删除属性和方法: 基本类型:不能添加.删除属性和方法: 比如:引用类型 a,可以添加属性 name age var a = new Object(); a.name =
详解javascript的变量与标识符

一.变量从字面上看,变量是可变的量:从编程角度讲,变量是用于存储数据的容器 1.1变量特性 javascript中的变量是松散类型的,可以保存任何类型的数据.由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变 1.2变量命名变量可以任意取名,但必须遵循命名规则: [1]第一个字符必须是字母.下划线或美元符号.其他字符可以是字母.下划线.美元符号或数字 //错误示范 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,
详解JavaScript基本类型和引用类型

一.值的类型早在介绍JS的数据类型的时候就提到过基本类型和引用类型,不过在说两种类型之前,我们先来了解一下变量的值的类型.在ECMAScript中,变量可以存在两种类型的值,即原始值和引用值. (1)原始值存储在栈中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. (2)引用值存储在堆中的对象,也就是说,存储在变量处的值是一个指针,指向存储对象的内存处. 为变量赋值时,ECMAScript的解释程序必须判断该值是原始类型,还
详解JavaScript数据类型和判断方法

前言 JavaScript 中目前有 7 种基本(原始primitives)数据类型 Undefined, Null,Boolean, Number, String,BigInt,Symbol,以及一种引用类型 Object,Object 中又包括 Function,Date,JSON,RegExp等,除了 7 种原始类型,其他的所有能够用 new 实例化的内置类型都是 Object 构造的. 数据类型对于数据了类型我们可以通过 typeof 运算符来判断,具体结果看下图. 原始类型中两个比较
详解JavaScript中的数据类型，以及检测数据类型的方法

一.js中的数据类型有哪些? 在js中,基本数据类型有五种,分别是 string.number.boolean.null.undefined,不过在ES6中新增加的了一种基本数据类型Symbol(表示独一无二的值),其作用主要是从根本上防止属性名的冲突而设定的. 除了基本数据类型之外,还有引用数据类型object,也有人称之为复杂数据类型,包含了我们常见的Array.Object.Function等. 所以现在js中的数据类型共有七种. PS: Symbol数据类型通过Symbol函数生成.也就
详解JavaScript原始数据类型Symbol

简介创建symbol变量最简单的方法是用Symbol()函数.sysmbol变量有两点比较特别: 1.它可以作为对象属性名.只有字符串和 symbol 类型才能用作对象属性名. 2.没有两个symbol 的值是相等的. const symbol1 = Symbol(); const symbol2 = Symbol(); symbol1 === symbol2; // false const obj = {}; obj[symbol1] = 'Hello'; obj[symbol2] = 'W
详解JavaScript中的变量命名规范

目录驼峰命名根据变量类型来命名普通变量/属性布尔变量/属性普通函数/方法回调.钩子函数类注意一致性介词一致性顺序一致性表里一致性时间一致性其他注意事项避免使用不常用的缩写避免使用容易混淆的字母和数字避免变量命名过于抽象驼峰命名首先,和其他语言一样,大部分变量建议采用驼峰命名法. var articleTitle = 'javascript变量命名规范' 而对于常量,使用大写字母和下划线来组合命名. const COUNTRY_NAME = 'China' 根据
详解JavaScript堆栈与拷贝

一.堆栈的定义 1.栈是一种特殊的线性表.其特殊性在于限定插入和删除数据元素的操作只能在线性表的一端进行. 结论:后进先出(Last In First Out),简称为LIFO线性表. 栈的应用有:数制转换,语法词法分析,表达式求值等 2.队列(Queue)也是一种运算受限的线性表,它的运算限制与栈不同,是两头都有限制,插入只能在表的一端进行(只进不出),而删除只能在表的另一端进行(只出不进),允许删除的一端称为队尾(rear),允许插入的一端称为队头 (Front),队列的操作原则是先进先出的

详解JavaScript的变量和数据类型

相关推荐

随机推荐