JavaScript学习指南：JS入门教程（非常详细）

朱雀 2020-02-28 18:57 12064阅读 0赞

# JavaScript学习指南：JS入门教程（非常详细）

![JavaScript入门教程+学习指南](/images/1587221849696.png "JavaScript入门教程+学习指南")JavaScript 简称`JS`，是一种脚本编程语言，它灵活轻巧，兼顾函数式编程和面向对象编程，是 Web 前端开发的唯一选择。JavaScript 还有很多框架，比如 jQuery、AngularJS、React 等，它们这是学习 JavaScript 的重要内容。

JavaScript 最初只能运行于浏览器环境，用于 Web 前端开发，后来有“好事”的程序员将 JavaScript 从浏览器中分离出来，搞了一套独立的运行环境，所以现在的 JavaScript 也能用于网站后台开发了。学了 JavaScript，你就是全栈工程师。

这套 JavaScript 入门教程针对初学者编写，内容全面，语言精练，实例丰富，是一本不错的 JavaScript 学习指南。

- 教程目录：

1. [JavaScript是什么？JavaScript简介](/article/details?postGuid=5BB9216F218B44F2A85FFB065C479283)

2. [第一个JavaScript程序](/article/details?postGuid=A026FDD6464E431CB903CAF8CBA8960B)

3. [JS文件延迟和异步加载：defer和async属性](/article/details?postGuid=995B40AD8D7E44CB885D06D5A10C4079)

4. [JavaScript代码块（代码段）](/article/details?postGuid=37562004297E456088526BF535EE3C68)

5. [JavaScript字符编码](/article/details?postGuid=F35B6254AA6B4D348E9DD24D9DDB3D03)

6. [JavaScript中的几个重要概念](/article/details?postGuid=50471DF694E745D5A24E65CF152E6E5E)

7. [JS标识符、关键字和保留字](/article/details?postGuid=7732CD18F3E544F287897F7346B13E72)

8. [JavaScript空白符（分隔符）](/article/details?postGuid=57FE4BBAD2374F558F9C228C794D7F2F)

9. [JS注释（多行注释+单行注释）](/article/details?postGuid=ADCDFE0A917C4B6FAE107A98B4AA5FEB)

10. [JavaScript转义字符](/article/details?postGuid=7F3EA546E8F546DD9E02289981156CC8)

11. [JavaScript的变量](/article/details?postGuid=6E0529CCDD954DF8BE1D77CF83912BC5)

12. [JavaScript变量污染](/article/details?postGuid=AF931AD5C7644F8397FAAD604F2BF890)

13. [JavaScript基本数据类型](/article/details?postGuid=212D580859174AC2BAC2A384E949E5D4)

14. [JS字符串（string）](/article/details?postGuid=62931C8CAA32419BB62AA593512BB19C)

15. [JavaScript数字（数值）](/article/details?postGuid=6BB9DFB27AE04A1696ECEA5537B93E89)

16. [JS Undefined类型](/article/details?postGuid=6842BF7A36164C1285F1A23F325FB725)

17. [JavaScript二进制、八进制和十六进制数值](/article/details?postGuid=96653176025346F584096C948715EA21)

18. [JS严格模式（use strict）](/article/details?postGuid=1F3973B31C2542D4AEB1BAFEAA19ADD8)

19. [JS判断类型（typeof+constructor+toString）](/article/details?postGuid=529F7A8B3E724785AD30BA9C4151BD86)

20. [JS数据类型转换完全攻略](/article/details?postGuid=12CC266F6F1848B0A55BBF403720FA8A)

21. [JS运算符完全攻略](/article/details?postGuid=A45C939E0D2C40999B9D55F673D5B2FE)

22. [JS算术运算（加减乘除+求余数+取反+自增自减）](/article/details?postGuid=9B20072441264967ADFADB25758A987F)

23. [JS &&（与运算）详解](/article/details?postGuid=8EBA927873944F64840613AA7066F514)

24. [JS ||（或运算）详解](/article/details?postGuid=775393E64EE9424BA49012B2BFA8320C)

25. [JS !（非运算）详解](/article/details?postGuid=08B930955D4C4E62B76F2C9DEDFCC713)

26. [JS大小比较（>、<、>=、<=）运算符](/article/details?postGuid=E5E30F740E7B4DA0B7965C0B6937ED52)

27. [JS判断相等或者不等于（==、===、!=、!==）运算符](/article/details?postGuid=718AADA907C74EADAEC15823D537E18A)

28. [JS赋值运算符详解](/article/details?postGuid=1C253670DC444722B43777B7F3745AEA)

29. [JS对象操作（in、instanceof、delete）运算符](/article/details?postGuid=6897306104E9490C9C0178D372B64CF4)

30. [JS &、|、^和~（逻辑位运算符）](/article/details?postGuid=E18F61E0D087477D8E64B1749E7F36D9)

31. [JS移位运算符（<<、>>和>>>）](/article/details?postGuid=DB0E86D145A84DFBB7C52E80E3C5E95B)

32. [JS条件运算符（?:）详解](/article/details?postGuid=2E95B3AEB096411AA4106A9B039928D5)

33. [JS逗号运算符（,）详解](/article/details?postGuid=4D8CD1B263B04926A87F78E879E19E46)

34. [JS void运算符](/article/details?postGuid=DCD9F7821B3840EE8D2C95FE8F8977D9)

35. [JS表达式完全攻略](/article/details?postGuid=33C65FC3DD3740A7A157E2223F58277D)

36. [JS new运算符](/article/details?postGuid=87CEB571515E415B844F293C262F168F)

37. [JS中的括号和点号](/article/details?postGuid=66DB750C889449AEA5C87DBBDC9CE1EC)

38. [JS连续运算](/article/details?postGuid=3DBB16C4440147248A207690C67FB3CE)

39. [JS把命令式语句转换为表达式](/article/details?postGuid=C4311F8EB8DB4F72BC467B23D7FBAEE2)

40. [JS语句完全攻略](/article/details?postGuid=84C1D667BC354B6FA8979355C922AAD7)

41. [JS if else语句详解](/article/details?postGuid=0D6BF90BEE204579B543A54A194E205C)

42. [JS switch case语句详解](/article/details?postGuid=5F5A98016D2B48D7A475F5FDA5BD00BF)

43. [JS while和do while循环语句](/article/details?postGuid=C98A68DF8B5B4FE28224431264BDCD33)

44. [JS for和for in循环语句](/article/details?postGuid=E4AA457E8A8C4944A5B84885CB57F5AD)

45. [JS label关键字详解](/article/details?postGuid=18565364E49C4F88863C680EDB839B0A)

46. [JS break和continue语句详解](/article/details?postGuid=B80CF77676FB4F7A8BF23AF0C7D47108)

47. [JS异常处理（try+catch+finally+throw）](/article/details?postGuid=FE9F331259B24A5486DC4C3CB57F39A7)

48. [JS中的if和switch该如何选择？](/article/details?postGuid=2D0F8418488149299E692EE088A3A6EA)

49. [JS优化多分支结构（经典）](/article/details?postGuid=07AE7DF7C113481CB97D19C27914B913)

50. [JS中的while和for循环该如何选择？](/article/details?postGuid=FDF8F28AC6834EBC8F8FC42AF9CF4F83)

51. [JS优化循环结构（经典）](/article/details?postGuid=0C78A406B02149B58F3C000530DC14D4)

52. [JS输出杨辉三角（带解析）](/article/details?postGuid=441FAB358E084FF79DFD2B34D264B944)

53. [JS定义字符串（3种方式）](/article/details?postGuid=8B751D358D2C4A4AA0ECF32EAC7F100C)

54. [JS获取字符串长度（length属性）](/article/details?postGuid=62B16204325946FB9073FB0901761548)

55. [JS字符串拼接/连接（3种方式）](/article/details?postGuid=CC125546E033478A88257393526DDACD)

56. [JS字符串查找（6种方法）](/article/details?postGuid=DF3D673061064A2E97879D153EA2D48D)

57. [JS截取字符串（3种方法）](/article/details?postGuid=3272B5CBEE02495F9FF82093A000619F)

58. [JS字符串替换（使用replace()方法）](/article/details?postGuid=512AF954485646D39BF384AC04880809)

59. [JS字符串大写和小写之间的转换（4种方法）](/article/details?postGuid=A7F5E979C6014F8B82EB358048BA3410)

60. [JS字符串比较大小](/article/details?postGuid=238A5F351FD543FCBAC7D81AC01DD2AE)

61. [JS字符串和数组之间的转换](/article/details?postGuid=03642F41807A4AEF889218459754EF96)

62. [JS给字符串添加HTML标签](/article/details?postGuid=AC9D3516835B4FA3AC8748A2210DC1EC)

63. [JS去除字符串前后空格](/article/details?postGuid=FB74F757DF5849709130B033FC7138D4)

64. [JS Unicode编码和解码（6种方法）](/article/details?postGuid=247A04C0685E45E8AB364EF0B06938F5)

65. [JS Base64编码和解码](/article/details?postGuid=26EC7B06564045AE868EF94E4A3DD6FC)

66. [JS在接收表单数据时过滤特殊字符](/article/details?postGuid=B026B6CD47D54B12A250690958EDD510)

67. [JS自定义编码和解码方案](/article/details?postGuid=1C9CD360EA464B289DC2321998B8D0D3)

68. [JS自己实现字符串加密和解密算法](/article/details?postGuid=963DDBD2D2F5402D91CC596B60900EB2)

发表评论取消回复

表情：

评论列表（有 0 条评论，12064人围观）

还没有评论，来说两句吧...

相关阅读

相关 2024最新版Android studio安装入门教程（非常详细）

JDK安装与配置一、下载JDK二、JDK安装三、JDK的四、JDK的配置验证Android studio安装Android studio连接手机真机调试（以华为鸿蒙为例）...

墨蓝/ 2024年04月29日 19:07/ 0 赞/ 99 阅读

相关 C++入门指南：string类文档详细解析（非常经典，建议收藏）

C++入门指南：string类一、 string类解读二·、 string类的常用接口说明 2.1 string类对象的常见构造

素颜马尾好姑娘i/ 2024年02月19日 08:23/ 0 赞/ 58 阅读

相关 linux安装GitLab教程【非常详细】

先吐槽一番，我在网上找了无数案例，踩了无数坑，没有一个完完全全安装成功的，搞了两天，最后自己写篇文章吧 gitlab官网地址亲测，一堆bug，不建议用这种方式安装地址h

妖狐艹你老母/ 2023年01月17日 03:11/ 0 赞/ 236 阅读

相关 QT5编程入门教程（非常详细）

> ![Qt入门教程][Qt]Qt 是一个跨平台的 C++ 框架（C++库），目前最新的版本是 Qt5。Qt5 还包含了很多小版本，其中推荐 Qt5.6 或 Qt5.9，这两个

短命女/ 2022年10月16日 11:29/ 0 赞/ 532 阅读

相关非常详细的Docker学习教程

一、Docker 简介 Docker 两个主要部件： Docker: 开源的容器虚拟化平台 Docker Hub: 用于分享、管理 Docker 容器的 D

深碍√TFBOYSˉ_/ 2022年06月14日 03:44/ 0 赞/ 281 阅读

相关 kafka 学习非常详细的经典教程

kafka 学习非常详细的经典教程 2016年12月02日 10:27:00 阅读数：42907 一、基本概念介绍 Kafka是一个分布式的、

妖狐艹你老母/ 2022年05月25日 08:43/ 0 赞/ 338 阅读

相关 HTML-JavaScript基础（非常详细）

什么是JavaScript JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户

柔光的暖阳◎/ 2022年05月11日 20:36/ 0 赞/ 259 阅读

相关 Go by Example / Golang入门教程（非常详细）

转载:[https://gobyexample.com/][https_gobyexample.com] [Go by Example][https_gobyexamp

￡神魔★判官ぃ/ 2022年04月23日 19:38/ 0 赞/ 463 阅读

相关 Maven入门指南：Maven学习教程

链接：[https://blog.csdn.net/lmhlmh\_/article/details/81176627][https_blog.csdn.net_lmhlmh_

Myth丶恋晨/ 2022年02月18日 11:09/ 0 赞/ 532 阅读

相关区块链技术快速入门教程（非常详细）

区块链技术是虚拟数字货币的底层技术，它可能带来互联网的第二次革命，让“信息互联网”转向“价值互联网”。变革即将发生，未来已来，学习区块链就是抓住了世界发展的浪潮。区块链...

朱雀/ 2020年10月06日 15:33/ 0 赞/ 5039 阅读