JaveScript初学-基础语法

Posted 2020-11-03 duliduibai

一、JavaScript数据类型

　　　　javascript拥有动态类型，使用var关键字（也可以不必）进行声明——字符串、数字、布尔、对象、Null、Undefined。

• • 字符串：使用单引号或者双引号包围的字符。
  • 数字：js只有一种数字类型；可以带小数点或者不，可以使用科学计数法表示——var x = 123e5; vary = 123e-5。
  • 布尔类型：只有两个值：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"];

• • 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>

View Code