JavaScript语法

最新推荐文章于 2024-11-03 09:26:21 发布

时间解

最新推荐文章于 2024-11-03 09:26:21 发布

阅读量376

点赞数

分类专栏： JavaScript 文章标签： undefined null try catch throw

JavaScript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

使用位置

JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
HTML 中的脚本必须位于<script> 与 </script> 标签之间。
那些老旧的实例可能会在<script>标签中使用type=”text/javascript”。现在已经不必这样做了。JavaScript是所有现代浏览器以及HTML5中的默认脚本语言。
脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
也可以通过外部文件使用JavaScript，请在 <script> 标签的 “src” 属性中设置该 .js 文件。提示：外部脚本不能包含 <script>标签。

语法

分号用于分隔 JavaScript 语句。在 JavaScript 中，用分号来结束语句是可选的。
JavaScript 对大小写是敏感的。
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。

Undefined和Null

Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。

var person;
var car="Volvo";
document.write(person + "<br />");  // 输出“undefined”
document.write(car + "<br />");     // 输出"Volvo"
var car=null
document.write(car + "<br />");     // 输出"null"

声明变量类型

当您声明新变量时，可以使用关键词 “new” 来声明其类型：

var carname = new String;
var x       = new Number;
var y       = new Boolean;
var cars    = new Array;
var person  = new Object;

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

Try和Catch、Throw

当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误：
可能是语法错误，通常是程序员造成的编码错误或错别字。
可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。
可能是由于来自服务器或用户的错误输出而导致的错误。
当然，也可能是由于许多其他不可预知的因素。

Try和Catch

在下面的例子中，我们故意在 try 块的代码中写了一个错字。
catch 块会捕捉到 try 块中的错误，并执行代码来处理它。

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
    try
    {
        adddlert("Welcome guest!"); // 语法错误
    }
    catch(err)
    {
        txt="本页有一个错误。\n\n";
        txt+="错误描述：" + err.message + "\n\n";
        txt+="点击确定继续。\n\n";
        alert(txt);
    }
}
</script>
</head>

<body>
<input type="button" value="查看消息" onclick="message()" />
</body>

</html>

Throw语句

throw 语句允许我们创建自定义错误。
正确的技术术语是：创建或抛出异常（exception）。
如果把throw与try和catch一起使用，那么您能够控制程序流，并生成自定义的错误消息。

<!DOCTYPE html>
<html>
<body>

<script>
function myFunction()
{
    try
    { 
        var x=document.getElementById("demo").value;
        if(x=="")    throw "值为空";
        if(isNaN(x)) throw "不是数字";
        if(x>10)     throw "太大";
        if(x<5)      throw "太小";
    }
    catch(err)
    {
        var y=document.getElementById("mess");
        y.innerHTML="错误：" + err + "。";
    }
}
</script>

<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>

</body>
</html>

更多请参考：W3School