欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JaveScript初学-基础语法

程序员文章站 2023-12-28 10:39:22
一、JavaScript数据类型 JavaScript中,一切皆对象。 JavaScript拥有动态类型,使用var关键字(也可以不必)进行声明——字符串、数字、布尔、对象、Null、Undefined。 字符串:使用单引号或者双引号包围的字符。 数字:js只有一种数字类型;可以带小数点或者不,可以 ......

一、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()调用该方法)

JaveScript初学-基础语法
 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 }
View Code

      对象的遍历——使用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)
    {
    //在这里处理错误
    }
  示例:
JaveScript初学-基础语法
 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 

上一篇:

下一篇: