（从头学JavaScript）4.变量,数据类型_javascript4.编译器变量名检测通常在程序开发过程中常常要定义变量,变量的名命的-优快云博客

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

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

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
当您向变量分配文本值时，应该用双引号或单引号包围这个值。

//将变量放到一个对象的HTML里段落里

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

<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	//将变量放到一个对象的HTML里段落里
	var carname="Volvo";
	document.getElementById("demo").innerHTML=carname;
}
</script>

</body>
</html>

2.重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";
var carname;

但是若重新声明是有值的则会进行覆盖，JavaScript没有重载一说的，它仅依据函数名来区分函数。。

3.JavaScript 数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

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

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

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

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

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

var y=123e5; // 12300000 既123*10^5
var z=123e-5; // 0.00123

创建数组

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>document</title> 
</head>
<body>
  	<script>
  		var  i;
  		var cars= new Array();//Array相当于一个函数，括号可加可不加
  		cars[0]="nihao";
  		cars[1]="buoa";
  		cars[2]="niyehao";

  		for(i=0;i<cars.length;i++)
  		{
  			document.write(cars[i]+"<br>");
  			//标签要加引号,参数是字符串
  		}
  	</script>
</body>
</html>

或者

var cars=new Array("Saab","Volvo","BMW");//注意Array(); 是相当于函数的形式来生成数组的。

数组四种初始化创建方式

var arr1 = new Array('a', 'b', 'c');    //这是一个预定义的数组，在创建时初始化
var arr2 = ['a', 'b', 'c' ];       //同样是在创建时初始化，但是这种创建更为简洁直观
var arr3 = new Array( );   var arr4 = [ ];     //这两种是创建空的数组

4.JavaScript 对象

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

var person={firstname:"John", lastname:"Doe", id:5566};

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

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

var person={
firstname : "John",
lastname : "Doe",
id : 5566,

eat : function(){ }
};

也可以先生成再追加属性

var people = new Object();
people.name = 'Tom';   
people.age = 21;  
people.eat = function(){  }

常见的通过函数进行对象创建方式

function Demo(){
    var obj=new Object();
    obj.name="张思";
    obj.age=12;
    obj.firstF=function(){
    }
    obj.secondF=function(){
    }
    return obj;
}

var one=Demo();
// 调用输出
document.write(one.age);//不需要加引号，否则输出"one.age"

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

实例

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>document</title> 
</head>
<body>
  	<script>
  		var person=
  		{
  			firstname:"john",
  			lastname:"doe",//注意这里是逗号结尾啊
  			id:5566  //这里加不加逗号都可

  		};//注意这里的分号不能少类似c的结构体
  		document.write(person.lastname+"<br>");
 		document.write(person["lastname"]+"<br>");
 		//注意这里方括号里要有引号啊
  	</script>
</body>
</html>