Advertisement

【Web前端】JavaScript基础知识

阅读量:

*本文摘自W3C

1、分号可有可无

在同一行中存在多条JavaScript语句时,通常会使用分号作为语句之间的分割符;在同一行仅包含一条JavaScript语句时,则无需添加分号以分割该行。

复制代码
 document.write("<p>...</p>");  document.write("<p>...</p>");

    
 document.write("<p>....</p>")
    
    
    
    
    代码解读

2、大小写敏感

JS对大小写是敏感的,"str"和"Str"是两个变量

3、忽略空格

JS会自动忽略多余的空格,在代码中添加空格可以提高代码可读性

复制代码
    var str = "JavaScript";
    
    
    代码解读

4、对代码行进行折行

可以在文本字符串中使用反斜杠对代码行进行换行

复制代码
 document.write("hello \

    
 world!");
    
    
    
    
    代码解读

但不能这样折行

复制代码
 document.write \

    
 ("Hello World!");
    
    
    
    
    代码解读

5、JavaScript 注释

单行注释://...

复制代码
 //不会执行

    
 var str = "js";
    
    
    
    
    代码解读

多行注释:/* ... */

复制代码
 /*

    
     不会执行
    
 */
    
 var str = "js";
    
    
    
    
    代码解读

6、变量类型

与大多数编程语言不同,在JavaScript中声明一个变量时无需预先声明数据类型(如整数int、浮点数float和字符串string)。所有JavaScript程序都采用关键字var进行变量声明,并随后将根据赋值的类型来确定该变量的数据类型。

复制代码
 //可以用多行声明

    
 var pi=3.14;
    
 var name="Howard";
    
  
    
 //也可以用单行声明
    
 var n = 10, pi = 3.14, name = "Howard";
    
    
    
    
    代码解读

7、动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

复制代码
 var x                // x 为 undefined

    
 var x = 6;           // x 为数字
    
 var x = "Bill";      // x 为字符串
    
 var x = 'Bill';      //单引号和双引号都表示字符串
    
    
    
    
    代码解读

8、数字

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

复制代码
 var x1=34.00;      //使用小数点来写

    
 var x2=34;         //不使用小数点来写
    
    
    
    
    代码解读

极大或极小的数字可以通过科学(指数)计数法来书写:

复制代码
 var y=123e5;      // 12300000

    
 var z=123e-5;     // 0.00123
    
    
    
    
    代码解读

9、对象

该对象被花括号包围,在该符号块内部其属性则通过(name : value)的形式来指定。各属性之间则以逗号分隔:

复制代码
 var person={

    
 firstname : "Bill",
    
 lastname  : "Gates",
    
 id        :  5566
    
 };
    
    
    
    
    代码解读

对象属性有两种寻址方式:

复制代码
 name=person.lastname;

    
 name=person["lastname"];
    
    
    
    
    代码解读

10、声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

复制代码
 var carname=new String;

    
 var x=      new Number;
    
 var y=      new Boolean;
    
 var cars=   new Array;
    
 var person= new Object;
    
    
    
    
    代码解读

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

11、创建对象

JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。

你也可以创建自己的对象。

本例创建名为 "person" 的对象,并为其添加了四个属性:

复制代码
 person=new Object();

    
 person.firstname="Bill";
    
 person.lastname="Gates";
    
 person.age=56;
    
 person.eyecolor="blue";
    
    
    
    
    代码解读

12、错误抛出:try、catch、throw

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句 trycatch 是成对出现的。

复制代码
   try

    
   {
    
       //在这里运行测试代码
    
       document.WRITE("123");
    
   }
    
       catch(err)
    
   {
    
       //在这里处理错误
    
       txt+= err.message;
    
       alert(txt);
    
   }
    
    
    
    
    代码解读

Throw 语句

throw 语句允许我们创建自定义错误。

正确的技术术语是:创建或 抛出异常 (exception)。

通过结合 throw 和 try/catch 语法结构,在程序执行过程中实现对异常处理的能力。这样可以让您引导程序流程,并在出现异常时dynamically generate appropriate error messages.

复制代码
 function myFunction(x)

    
 {
    
   try
    
   {
    
     if(x=="")    throw "empty";
    
     if(isNaN(x)) throw "not a number";
    
     if(x>10)     throw "too high";
    
     if(x<5)      throw "too low";
    
   }
    
   catch(err)
    
   {
    
   	alert(err);
    
   }
    
 }
    
    
    
    
    代码解读

全部评论 (0)

还没有任何评论哟~