JavaScript学习——JavaScript 变量 与 数据类型

Posted mtimeyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript学习——JavaScript 变量 与 数据类型相关的知识,希望对你有一定的参考价值。

javascript 变量

变量是用于存储信息的"容器"。

var x=5; var y=6; var z=x+y;

在代数中,我们使用字母(比如 x)来保存值(比如 5)。

通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。

在 JavaScript 中,这些字母被称为变量

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

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)
  • JavaScript 语句和 JavaScript 变量都对大小写敏感。

使用 var 关键词来声明变量:var carname;

变量声明之后,该变量是空的(它没有值)。

如需向变量赋值,请使用等号:carname="Volvo";

也可以在声明变量时对其赋值:var carname="Volvo";

一条语句,多个变量

在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:

var lastname="Doe", age=30, job="carpenter";

声明也可横跨多行:

var lastname="Doe",
age=30,
job="carpenter";

一条语句中声明的多个不可以赋同一个值:

var x,y,z=1;

x,y 为 undefined, z 为 1。

Value = undefined

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

在执行过以下语句后,变量 carname 的值将是 undefined:

var carname;

JavaScript 数据类型

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。(Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。)

引用数据类型:对象(Object)、数组(Array)、函数(Function)。

JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字Number
var x = "John";      // 现在 x 为字符串 String

字符串 String

字符串是存储字符(比如 "Bill Gates")的变量。

字符串可以是引号中的任意文本。您可以使用单引号或双引号:

var carname="BMW 730";
var carname=\'Volvo XC60\';

 可以在字符串中使用引号,只要不匹配包围字符串的引号即可:

var answer="It\'s alright";
var answer="He is called \'Joy\'";
var answer=\'He is called "Joy"\';

 数字 number

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

极大或极小的数字可以通过科学(指数)计数法来书写:

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

JavaScript 布尔

布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

var cars=["Saab","Volvo","BMW"];

<!DOCTYPE html>
<html>
<body>

<script>
var i;
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

 数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。

JavaScript 对象

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

var person={firstname:"Joy", lastname:"Dtt", id:1212};

 例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行:

var person={
firstname : "Joy",
lastname  : "Dtt",
id        :  1212
};

 对象属性有两种寻址方式:

name=person.lastname;
name=person["lastname"];

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>mtimeyu</title> 
</head>
<body>

<script>
var person={
firstname : "Joy",
lastname  : "Dtt",
id        :  1212
};
document.write(person.lastname + "<br>");
document.write(person["lastname"] + "<br>");
</script>

</body>
</html>
显示:

Undefined 和 Null

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

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

cars=null;
person=null;

 

声明变量类型

可以使用关键词 "new" 来声明其类型:

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

 

 

 

以上是关于JavaScript学习——JavaScript 变量 与 数据类型的主要内容,如果未能解决你的问题,请参考以下文章

如何高效学习JavaScript? JavaScript学习方法!

JavaScript学习

前端之JavaScript第一天学习-JavaScript 简介

JavaScript学习---JavaScript深入学习

9张思维导图学习Javascript

前端之JavaScript第二天学习-JavaScript-语句