---
title: JavaScript
slug: Web/JavaScript
tags:
  - JavaScript
  - Landing
  - Learn
  - priority
translation_of: Web/JavaScript
---
<div>{{JsSidebar()}}</div>

<div class="summary">
<p><strong>JavaScript ( </strong><strong>JS </strong>) 是一种具有{{Glossary("First-class Function", "函数优先")}}的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的，但是它也被用到了很多<a class="external" href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_Web_pages">非浏览器环境</a>中，例如 <a class="external" href="https://nodejs.org/">Node.js</a>、 <a class="external" href="https://couchdb.apache.org">Apache CouchDB</a> 和 <a href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>。JavaScript 是一种{{Glossary("Prototype-based_programming", "基于原型编程")}}、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。了解更多<a href="/zh-CN/docs/Web/JavaScript/About_JavaScript"> JavaScript</a>。</p>
</div>

<p>本部分将专注于 JavaScript 语言本身，而非局限于网页或其他限制环境。想要了解网页有关的 {{Glossary("API","APIs")}} ，请参考 <a href="/zh-CN/docs/Web/API">Web APIs</a> 以及 <a href="/zh-CN/docs/Glossary/DOM">DOM</a>。</p>

<p>JavaScript 的标准是 <a href="/zh-CN/docs/Web/JavaScript/Language_Resources">ECMAScript</a> 。截至 2012 年，所有的<a href="https://kangax.github.io/compat-table/es5/">现代浏览器</a>都完整的支持  ECMAScript 5.1，旧版本的浏览器至少支持 ECMAScript 3 标准。2015年6月17日，<a href="https://www.ecma-international.org">ECMA国际组织</a>发布了 ECMAScript 的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为 ECMAScript 6 或者 ES6。自此，ECMAScript 每年发布一次新标准。本文档目前覆盖了最新 ECMAScript 的草案，也就是 <a href="https://tc39.github.io/ecma262/">ECMAScript2020</a>。</p>

<p>不要将 JavaScript 与 <a href="https://en.wikipedia.org/wiki/Java_(programming_language)">Java编程语言</a> 混淆。虽然“Java”和“JavaScript”都是 Oracle 公司在美国和其他国家注册（或未注册）的商标，但是这两门语言在语法、语义与用途方面有很大不同。</p>

<div class="column-container">
<div class="column-half">
<h2 id="教程">教程</h2>

<p>通过使用指南和教程来学习如何用JavaScript语言编程。</p>

<h3 id="对于完全初学者">对于完全初学者</h3>

<p>如果你想学习 JavaScript，但苦于没有过 JavaScript 或者其他语言的编程经验，你可以投入到我们的 <a href="/zh-CN/docs/Learn/JavaScript">JavaScript 主题学习区</a>。那里有完整的学习资源：</p>

<dl>
 <dt><a href="/zh-CN/docs/Learn/JavaScript/First_steps">JavaScript 第一步</a></dt>
 <dd>回答一些基本问题，比如“JavaScript 是什么？”、“它是怎么样的？”、“它可以用来做什么？”；同时还讨论如变量、字符串、数值和数组等 JavaScript 的核心特性。</dd>
 <dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks">JavaScript 基本结构</a></dt>
 <dd>继介绍了 JavaScript 基本的核心特性后，我们需要关注常见的代码块类型，如条件语句，循环，函数和事件。</dd>
 <dt><a href="/zh-CN/docs/Learn/JavaScript/Objects">介绍JavaScript 对象</a></dt>
 <dd>如果你想进一步使用该语言撰写更有效率的代码，理解 JavaScript 面向对象的精髓是很重要的，因此我们提供了该模块来帮助你理解它。</dd>
</dl>

<h3 id="JavaScript_指南">JavaScript 指南</h3>

<dl>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Guide">JavaScript 指南</a></dt>
 <dd>一份更详尽的 JavaScript 指南，适用于有过 JavaScript 或其他语言编程经验的读者。</dd>
</dl>

<h3 id="中级内容">中级内容</h3>

<dl>
 <dt><a href="/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs">客户端 Web API</a></dt>
 <dd>当你正在给网页或者网页 APP 编写客户端 JavaScript 时， 你离不开使用这些 API — 这些用来操作浏览器各个不同方面和网页所在的操作系统，甚至是来自于其他网页和服务器的数据的接口。在这个模块，我们来探究这些 API 是什么，以及怎么在你的日常开发工作中使用一些最常用的 API。</dd>
</dl>

<dl>
 <dt><a href="/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript">重新介绍 JavaScript（JS 教程）</a></dt>
 <dd>给那些有 JavaScript 基础的朋友们的 JavaScript概述。</dd>
</dl>

<dl>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Data_structures">JavaScript 数据结构</a></dt>
 <dd>JavaScript 数据结构的概述。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Equality_comparisons_and_when_to_use_them">如何使用比较操作符</a></dt>
 <dd>JavaScript 提供了三种比较操作符，包括严格比较操作符 <code>===</code> 和非严格的比较操作符 <code>==</code>，以及 {{jsxref("Global_Objects/Object/is", "Object.is()")}} 方法。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Closures">闭包</a></dt>
 <dd>闭包是一个函数与其本身所被定义的词法环境的结合。</dd>
</dl>

<h3 id="高级内容">高级内容</h3>

<dl>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">继承和原型链</a></dt>
 <dd>基于原型继承被外界广泛地误解与低估，这一版块对基于原型的继承作出详细解释。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Strict_mode">严格模式</a></dt>
 <dd>严格模式规定不能使用未定义的变量。严格模式是对 ECMAScript 5 的严格限制，以求得更高效的性能和更便利的调试。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Typed_arrays">JavaScript 类型数组</a></dt>
 <dd>为使 JavaScript 处理原始二进制数据而提供的类型数组。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Memory_Management">内存管理</a></dt>
 <dd>JavaScript 中的内存生命周期和垃圾回收机制。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/EventLoop">并发模型以及事件循环</a></dt>
 <dd>JavaScript 具有基于“事件循环”的并发模型。</dd>
</dl>
</div>

<div class="column-half">
<h2 id="参考">参考</h2>

<p>浏览完整的 <a href="/zh-CN/docs/Web/JavaScript/Reference">JavaScript 参考</a>文档。</p>

<dl>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects">标准对象 </a></dt>
 <dd>标准的内置对象例如 {{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}} , {{jsxref("WeakSet")}} 以及其他对象</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators">表达式和运算符</a></dt>
 <dd>运算符的作用：{{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}，<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">运算符优先级</a>，以及其他运算符。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Statements">语句和声明</a></dt>
 <dd>了解 {{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} 以及其他语句和关键字的作用。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Functions">函数</a></dt>
 <dd>学习如何使用 JavaScript 函数来开发你的应用。</dd>
</dl>

<h2 id="工具和资源">工具和资源</h2>

<p>用于编写和调试 JavaScript 代码的实用工具。</p>

<dl>
 <dt><a href="/zh-CN/docs/Tools">Firefox 开发工具</a></dt>
 <dd>包括 <a href="/zh-CN/docs/Tools/Scratchpad">Scratchpad</a>、<a href="/zh-CN/docs/Tools/Web_Console">Web Console</a>、<a href="/zh-CN/docs/Tools/Profiler">JavaScript Profiler</a>、<a href="/zh-CN/docs/Tools/Debugger">Debugger</a> 等等</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/Shells">JavaScript Shells</a></dt>
 <dd>允许您快速测试 JavaScript 代码片段。</dd>
 <dt><a href="https://togetherjs.com/">TogetherJS</a></dt>
 <dd>
 <p class="hero-header-text large">添加 TogetherJS 到您的网站，让用户实时互助，协作更简单。</p>
 </dd>
 <dt><a href="https://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
 <dd>你可以在 <a href="https://stackoverflow.com/">StackOverflow </a>查看或者发布带有 JavaScript 标签的问题。</dd>
 <dt><a href="/zh-CN/docs/Web/JavaScript/New_in_JavaScript">JavaScript版本和发行记录</a></dt>
 <dd>浏览 JavaScript 的历史版本特性和实现情况.</dd>
 <dt><a href="https://jsfiddle.net/">JSFiddle</a></dt>
 <dd>编辑 JavaScript、CSS 和 HTML 并获得实时结果。使用外置资源，并和你的团队在线合作。</dd>
 <dt><a href="https://plnkr.co/">Plunker</a></dt>
 <dd>Plunker 是一个在线社区，用于创建，协作和共享您的 Web 开发创意。编辑您的 JavaScript、CSS 和 HTML 文件并获取实时结果和文件结构。</dd>
 <dt><a href="https://jsbin.com/">JSBin</a></dt>
 <dd>
 <p>JS Bin 是一种开源的协作式的web 开发调试工具。</p>
 </dd>
</dl>
</div>
</div>