JaveScript初学-基础语法
一、JavaScript数据类型
JavaScript中,一切皆对象。
JavaScript拥有动态类型,使用var关键字(也可以不必)进行声明——字符串、数字、布尔、对象、Null、Undefined。
-
- 字符串:使用单引号或者双引号包围的字符。
- 数字:js只有一种数字类型;可以带小数点或者不,可以使用科学计数法表示——var x = 123e5; vary = 123e-5。
- 八进制和十六进制:var x = 0377;var y = 0x3FF
- 布尔类型:只有两个值:true或者false。
- 数组:声明和初始化
var cars=new Array(); cars[0] = "Audi";
var cars=new Array("Audi","BWM");//类似于“构造函数”
var cars = ["Audi","BWM"];//一维数组
var cars = [[1,2],[3,4]];//二维数组
-
- 对象:对象由花括号分割,在括号内部,对象的属性以键值对的形式(key:value)来定义。属性由逗号分隔——var Person = {FirstName : "Bill", LastName:"Gates", ID:"1234"};
对象属性的两种访问方式:var name = Person.LastName; name = Person["LastName"];
使用函数构造对象(同时可以为对象添加方法,然后就可以使用 对象.ChangeLastName()调用该方法)
1 function person(firstname,lastname,age,eyecolor){ 2 this.firstname=firstname; 3 this.lastname=lastname; 4 this.age=age; 5 this.eyecolor=eyecolor; 6 7 this.ChangeLastName = ChangeLastName; 8 function ChangeLastName(name){ 9 this.lastname = name; 10 } 11 }
对象的遍历——使用for in——for(x in person){ text += person[x]}
-
- Undefined和Null:
Undefined这个类型只有一个值,即undefined。当声明的变量还没有被初始化时,变量的默认值为undefined。
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
可以使用===(绝对等于)运算符来比较undefined和null两个值,或者使用typeof null 和 typeof undefined进行比较,可以得到false。
-
- 声明变量类型:
var car = new string;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var Person = new Object;
注意:如果重新声明JavaScript变量,该变量的值不会丢失!在以下两条语句执行后,变量name的值依然是"chyong"
var name = "chyong";
var name;
二、函数和作用域
- 函数的声明和调用
函数就是包裹在花括号中的代码块,前面使用了关键字function标识。
function FuncName(var1,var2){
...
[return xx]; //可选的函数返回——任意数据类型对象
}
//——var1 、 var2表示 参数名称(不包含数据类型)
函数调用写法:FuncName(变量1,变量2);
- 变量的生命周期
局部变量:在函数内部使用var声明的变量是局部变量,只能在函数内部访问,函数开始执行,声明周期开始,函数执行完毕,生命周期结束;不使用var声明的是全局变量,其声明周期从函数执行后开始,当前页面关闭后结束。
全局变量:在函数外部声明的变量就是全局变量;网页上的所有脚本函数都可以访问它。从程序开始执行创建,到整个页面关闭时,变量收回。
注意:
1、在for循环中定义的变量,其生命周期在循环结束之后仍然是有效的!——JavaScript中没有块的概念!
2、在方法内部定义变量的时候,如果没有加var,就是全局变量,否则就是局部变量;但是当该方法没有执行的时候,方法内部的全局变量是不会声明并且定义的。
三、异常
- try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
try { //在这里运行代码 } catch(err) { //在这里处理错误 }
示例:
1 <script> 2 function MyFunc(){ 3 try{ 4 var x = document.getElementById("demo").value; 5 if(x == "") throw "empty"; 6 if(isNaN(x)) throw "not a number"; 7 if(x > 10) throw "too large"; 8 if(x < 3) throw "too small"; 9 } 10 catch(err){ 11 var y = document.getElementById("mess"); 12 y.innerHTML="Error: " + err + "."; 13 } 14 } 15 </script> 16 17 <h1>My First JavaScript</h1> 18 <p>Please input a number between 3 and 10:</p> 19 <input id = "demo" type="text"> 20 <button type = "button" onclick="MyFunc()">Test Input</button> 21 <p id="mess"></p>