您的位置：首页 > Web前端 > JavaScript

web前端之JavaScript的变量和数据类型

2015-10-27 22:39 826 查看

JavaScript 变量

与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

变量必须以字母开头

变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感

程序演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var x=2;
var y=3;
var z=x+y;
document.write(x+"<br />")
document.write(y+"<br />")
document.write(z+"<br />")
</script>
</body>
</html>

JavaScript 数据类型

JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。

在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。

当您向变量分配文本值时，应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var x=2;
var y=3;
var z=x+y;
var name="张涛";
var sex='女';
document.write(x+"<br />");
document.write(y+"<br />");
document.write(z+"<br />");
document.write(name+"<br />");
document.write(sex);
</script>
</body>
</html>

注意：在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

字符串、数字、布尔、数组、对象、Null、Undefined

数组代码演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var i;
var cars=new Array();
cars[0]="audi";
cars[1]="wmw";
cars[2]="volor";
for (i=0;i<cars.length;i++) {
document.write(cars[i]+"<br />")
}
</script>
</body>
</html>

还有其他数组的赋值方式，可参考java语言中的数组赋值。

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>这是一个对象</p>
<script type="text/javascript">
var person={
firstname:"kobe",
lastname:"bryant",
team:"Lakes"
};

document.write(person.firstname+"<br />");
document.write(person["lastname"]);
</script>
</body>
</html>

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

声明变量类型

当您声明新变量时，可以使用关键词 "new" 来声明其类型：

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航