【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 语句 try 和 catch 是成对出现的。
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);
}
}
代码解读
