【Web前端】JavaScript基础知识

*本文摘自W3C

1、分号可有可无

当同一行有多条语句时，分号用来分隔JS语句；一行只有一条语句时，分号可以省略

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、变量类型

和大多数语言不同，JS声明一个变量时不需要指定类型（int、float、string），声明变量时统一用关键字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 语句 try 和 catch 是成对出现的。

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

Throw 语句

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

正确的技术术语是：创建或抛出异常（exception）。

如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。

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);
  }
}