文章目录
1.变量是用于存储信息的"容器"
2.重新声明 JavaScript 变量
3.JavaScript 数据类型
4.JavaScript 对象
实例
5.声明变量类型
Undefined 和 Null
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 οnclick="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 为字符串 1
字符串可以是引号中的任意文本。可以使用单引号或双引号
可以在字符串中使用引号,只要不匹配包围字符串的引号即可
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>
5.声明变量类型
当声明新变量时,可以使用关键词 “new” 来声明其类型:
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
JavaScript 变量均为对象。当声明一个变量时,就创建了一个新的对象。
Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。