javascript入门书籍推荐《javascript基础教程》

r囧r小猫 2022-08-07 00:12 288阅读 0赞

前段时间看javascript高级教程的时候，发现很多基础的javascript概念，自己不懂.

网上搜了一下，看到大家对《**javascript基础教程（第8版）**》评价不错，买了一本。

![SouthEast][]

作者：  (美)Tom Negrino Dori Smith

译者：  陈剑瓯 柳靖

丛书名：  图灵程序设计丛书

出版社：人民邮电出版社

翻开看了后，受益匪浅，决定将这本书推荐给javascript的入门童鞋。

这本书的读者，要有一定的HTML基础，因为javascript基本都是对Dom的操作，所以，有一定的HTML基础看起来比较方便。这本书最大的好处，就是它的每一行代码，都给做详细的讲解，可以说是手把手带着读者入门。

举个例子：

第二章 2.10 章节，使用多级条件中

脚本 2-14 这段HTML建立多级条件页面

<!DOCTYPE html>
    <html>
    <head>
    	<title>Switch/Case handling</title>
    	<script src="script09.js"></script>	
    </head>
    <body>
    <h2>Famous Presidential Quotes</h2>
    <form action="#">
    	<input type="button" id="Lincoln" value="Lincoln"> 
    	<input type="button" id="Kennedy" value="Kennedy">
    	<input type="button" id="Nixon" value="Nixon">
    </form>
    </body>
    </html>

脚本 2-15 这种条件语句允许针对多种可能性进行检查

使用switch/case 语句

**1. window.load = initAll;**

当加载页面时，调用initAll() 函数

**2. function initAll() \{**

**        document.getElementById("Lincoln").onclick = saySomething;**

**        document.getElementById("Kennedy").onclick = saySomething;**

**        document.getElementById("Nixon").onclick = saySomething;**

**\}**

在这个函数中，我们为页面上的每个按钮设置了onclick 处理程序。因为在HTML中设置了id属性和value属性，所以可以使用getElementById() 设置事件处理程序。如果有value属性，就可以使用getElementById() 调用，那么就不必设置id属性。

**3. function saySomething() \{**

这一行开始saySomething()函数

**4. switch(this.id) \{**

this 对象的id用作switch() 的参数。这个值将决定执行以下case语句中的哪一个。

**5. case 'Lincoln" :**

**         alert("Four score and seven years ago...");**

**         break;**

如果this对象的id是Lincoln，那么现实这个警告消息。如果用户单击Lincoln，就会进入这里的代码。但是在这里已经执行了我们需要的操作，所以我们希望离开这个switch语句，为此，需要使用break语句。如果没有break，就会继续执行下面的所有代码。尽管某些情况下继续执行下面的分支是我们需要的效果，但是在这个示例中不应该这么做。

**6.  case "Kennedy":**

**          alert("Ask not what your country can do for you...");**

**          break;**

如果用户单击Kennedy，就会进入这个case块。

**7. case "Nixon":**

**         alert("I am not a crook!");**

**         break;**

最后，如果用户单击Nixon，就会进入这里，这里弹出另一个警告对话框。然后退出switch语句。

**8. default:**

如果用户的输入与上面的条件都不匹配，那么就会执行这里的代码。也就是说，如果switch 值与任何case值都不匹配，就会进入default部分。default部分块是可选的，但是包含default块是一种好的编程习惯，可以以防万一。在这个脚本中，这里没有必要执行的代码，因为我们应该不可能进入default部分。

**9.  \}**

这个右花括号结束switch语句。

上面的是书中的一个小例子，书中通篇的例子都是这个模样，基本都是一行一行的解释过去的，很适合新入门学习javascript的同学。

这本书偏重于javascript的认识和应用，看完这本书，基本的javascript语句应该就不再是问题了。

有兴趣的同学，可以去买本看看噢。

[SouthEast]: /images/20220805/60b9dabc71db4dcb9877863d1ee4eb3b.png