JaveScript初学-基础语法

Posted duliduibai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JaveScript初学-基础语法相关的知识,希望对你有一定的参考价值。

一、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

 

 

 


以上是关于JaveScript初学-基础语法的主要内容,如果未能解决你的问题,请参考以下文章

java基础语法学习day04(补充)---初学者必看详解

java基础语法学习day04(补充)---初学者必看详解

JSP 基础语法

JaveScript简单数据类型(JS知识点归纳二)

JSP开发中的基础语法

java基础语法学习day02---初学者必看详解