你网站上的每个页面都可能使用JavaScript。
如果您使用谷歌Analytics、事件跟踪或显示广告，那么您已经在使用JavaScript了。
但你可以（也应该）进一步利用它为用户创造出色的体验。在此之前，您需要了解JavaScript是什么以及它的用途。
什么是JavaScript？
JavaScript （JS）是一种计算机编程语言，用于使网站和应用程序动态和交互式。
它的独特之处在于它可以直接在浏览器中运行，而不仅仅是在服务器上运行。
与超文本标记语言（HTML）和层叠样式表（CSS）一样，JavaScript是互联网上最常用的编程语言之一。
事实上，截至2023年3月，98.4%的网站使用JavaScript。
JavaScript、CSS和HTML共同构成了大多数网站和在线应用程序的面向用户的元素。
把这些编程语言想象成房子的组成部分：
HTML是房子的基础。它提供了一个网站的基本布局、结构和内容。
CSS是室内设计。它提供了设计、字体、颜色、效果和其他视觉元素。
JavaScript是电气和管道系统。JS为网站带来了活力和交互性。例如，弹出窗口、动画、视频和社交媒体嵌入、下拉菜单和许多其他网站组件都是使用JavaScript创建的。
如果没有JavaScript，网页将大多是静态的和无聊的。
JavaScript增加了行为和交互性。但它能做的远不止这些。
JavaScript的历史
Brendan Eich在1995年为Netscape工作时开发了JavaScript。
网景公司试图开发一种脚本语言，使早期的万维网更加动态。
当开发人员意识到JavaScript可以为网页添加动态性和交互性时，它迅速流行起来。
1996年，网景公司向欧洲计算机制造商协会（ECMA International）提交了JavaScript，该组织旨在使信息技术系统的使用标准化。
这导致了ECMAScript标准（JavaScript的正式规范）的创建。
它的日益流行促进了库和框架、专用JS引擎（如V8（支持Chrome））和服务器端环境的发展。
尽管名称相似，但JavaScript与Java完全不同。
库与框架
库是预先编写的代码的集合，可以用来轻松实现经常使用的JavaScript任务。
库可以加快开发速度，因为开发人员不需要编写每一行代码。
框架是库的集合。
把库看作工具。框架是完全加载的工具箱。
虽然库可以为网站上的特定功能提供代码，但框架可以提供构建网站所需的所有代码。
常见的JavaScript库包括jQuery和React。常见的JavaScript框架包括Vue.js、Node.js和Angular。
JavaScript是用来做什么的？
JavaScript用于制作动态网站、web和移动应用程序、游戏、web服务器、后端基础设施等。
以下是JavaScript最常见的用法。
Web开发
JavaScript最常用于创建动态、交互式的网站。
开发人员使用JS为网页添加动画、弹出窗口、搜索栏、按钮、音频和视频、聊天小部件和其他交互元素。
你也可以使用JS为页面提供实时更新，而无需重新加载它。
例如，具有新闻报价、股票或加密价格或实时产品可用性信息的网站通常使用JavaScript来添加此功能。
许多常见网站的前端（面向用户的端）几乎完全是用JavaScript构建的，包括谷歌、Facebook、Twitter和Wikipedia。
网页游戏和应用
JavaScript用于制作互联网上的大多数游戏和应用程序。
因为它直接在浏览器中运行，JS允许用户玩游戏和运行应用程序，而无需下载额外的软件。
由于JavaScript在执行时被编译成机器码（称为即时编译），所以简单的函数和过程可以快速执行。
这就产生了许多动态的、交互式的实用程序。
其他语言，如C和c++，使用提前编译。这意味着该语言在执行之前被编译成更简单的机器码。
特别是对于更简单的函数和进程，提前编译可能会更慢。
使用JavaScript，开发人员可以创建从简单的街机风格游戏到强大的多人游戏的任何内容。
此外，交互式应用程序，如图像编辑器、项目管理工具、聊天机器人（如ChatGPT）和计算器都使用JavaScript。
甚至实时通信应用程序，如谷歌Meet， Zoom和Slack，也可以在浏览器中运行，因为JS。
服务器端编程
服务器端编程是指运行在web服务器上的代码，用于处理来自客户端（如web浏览器）的请求并返回响应。
这允许开发人员构建快速和可扩展的web应用程序，与数据库交互，构建应用程序编程接口（api），并促进实时通信。
例如，服务器端编程允许像Facebook的新闻提要这样的动态页面。
如果每个帖子、故事和状态更新都构建在单独的静态页面上，那么效率将非常低，并且需要数百万个页面。
相反，Facebook使用基本的HTML和CSS模板，随着新信息的出现，这些模板会用JavaScript动态更新。
同样的概念也适用于像亚马逊这样的电子商务网站。
Amazon搜索结果和商店页面使用JavaScript在商品售罄和添加其他商品时动态更新。
移动应用开发
JavaScript框架，如React Native、Ionic、NativeScript和Apache Cordova，使开发者能够为Android和iOS构建原生和混合移动应用。
Facebook、b谷歌、Uber和Instagram都使用JavaScript来构建他们的移动应用程序。
JS是快速、高效和直接的。由于编程语言的流行，JavaScript开发人员很容易找到。
人工智能
近年来，开发人员使用JavaScript来构建利用人工智能的应用程序和系统。
你可以使用诸如TensorFlow.js和Brain.js之类的JS库来构建和训练用于情感分析和推荐系统的机器学习模型。
其他库可用于为自然语言处理（NLP）系统处理和分析人类语言。
甚至聊天机器人（如ChatGPT）也是使用JavaScript构建的。
JavaScript与其他编程语言有何不同？
JavaScript与其他编程语言的不同之处在于：
它是一种解释语言
这意味着它可以直接在浏览器中执行。
其他语言，如C、c++和Java，是编译语言，需要在执行之前翻译成机器码。
它使用动态类型
动态类型意味着变量类型与运行时值相关联，而不是与命名或声明的字段相关联。
这使得开发人员可以更快地编写代码，因为他们不必担心指定变量类型。
例如，开发人员可以将变量“a”赋值为100。编译器会在运行时推断“ a ”代表一个整数。
然而，这也意味着变量类型在运行时可能会被误解。这可能会导致bug和错误。
它主要用于客户端执行
JavaScript的独特之处在于它通常在用户的web浏览器中运行。不是在服务器上。
这意味着JavaScript可以与用户交互，响应用户输入，并动态更新页面内容，而无需与服务器通信。
其他主要语言，如PHP和Ruby，主要用于服务器端。
它是无处不在的
与许多局限于少数特定用例的计算机编程语言不同，JavaScript正在成为一种通用语言。
所有主流浏览器都支持它。
它既可以用于客户端，也可以用于服务器端。
它可以用来开发网站、移动应用程序和软件。
JavaScript的优点和局限性是什么？
我们在下面概述了JavaScript的优点和局限性。
优势
使用JavaScript有很多优点：
它相对容易学习和使用
它可以用于客户端和服务器端，前端和后端
它为网站提供了动态性和交互性
由于它的流行，有许多有用的资源可用
它可以在多个平台和设备上运行
它允许跨平台兼容性
所有主流网络浏览器都支持它
有许多库、框架和api可用于简化任务
对于客户端和简单的任务来说，它是快速的
它可以很好地与其他编程语言协同工作
限制
使用JavaScript有缺点和限制：
对于计算量大的任务，它可能很慢
由于访问客户端浏览器，它带有固有的安全问题
bug很难发现和解决
错误可以阻止JavaScript在网站上呈现
太多的JavaScript可能会导致网站加载和性能问题
爬虫可能在抓取和分析JS内容时遇到麻烦
浏览器对JS的解释不同，这就产生了不同的体验
JavaScript如何影响网站性能？
在你的网站上使用JavaScript会对它的性能产生负面影响。
但是，当您适当和适度地使用JS时，好处可以抵消对性能的负面影响。
页面上的代码和脚本越多，页面的性能就越差。
用户的浏览器必须按照HTML出现的顺序下载、解析和执行每个JS脚本。
这包括脚本，如谷歌分析，谷歌标签管理器，谷歌广告，ImpactHero，甚至网页字体。
图像轮播和视频嵌入等视觉组件也会增加页面加载时间。
复杂的主题和插件也会对你的网站性能产生负面影响。
默认情况下，JavaScript解析和执行在主线程上进行。可以把主线程想象成一个要按顺序完成的任务队列。
如果主线程上有太多JavaScript任务，可能会延迟其他内容或图像的加载。
如果重要的页面元素，比如你的内容，加载速度太慢，就会对用户体验产生负面影响，导致页面跳转。
这可能会损害你的SEO工作，你的流量，最终，你的业务。
此外，并不是每个人都有高性能设备和高速互联网连接。
虽然页面在您的计算机上可以快速加载，但在您的用户设备上可能无法加载。
JavaScript会影响站点性能，但这有什么关系呢？
用户体验
在你的网页中添加动态性和交互性将改善用户体验，但添加太多会产生相反的效果。
太多的JavaScript会导致站点加载缓慢——如果有的话。
人们不喜欢等待。尤其是在互联网上。
如果你的网站加载时间太长，用户可能会感到沮丧，点击后退按钮，然后离开你的竞争对手的网站。
这对企业不利。对你的搜索排名也不利。
核心网络生命
核心Web生命值是评估JavaScript使用和网站性能时的另一个重要考虑因素。
核心网络生命值是谷歌开发的用于分析网站性能及其提供的体验的指标。
这些指标会影响你的搜索排名。监控它们并确保JavaScript不会引起问题是很重要的。
像Semrush的站点审计和b谷歌搜索控制台这样的工具可以识别网页上与js相关的问题。
如何在你的网站上使用JavaScript
如果你是互联网上少数几个不使用JavaScript的网站之一，你可以通过两种方式添加它：
嵌入
你可以将JavaScript代码直接添加到你的网页的HTML源代码的
中。JS代码必须包含在脚本标签中，如下所示：
链接
你也可以通过链接到一个现有的JS文件来为你的网站添加JavaScript。
当您希望将相同的代码添加到多个页面时，这非常有用。
当您需要向页面添加大量代码时，它也很有用。
您可以简单地链接到一个单独的文件，而不是在HTML源代码中添加数百行JavaScript。
无论您选择哪种方法，您都必须确保在您希望它工作的每个页面上都将代码包含在脚本标记中。
如何学习JavaScript
为了最大限度地利用JavaScript，你需要学习的不仅仅是“是什么”和“为什么”。
我们推荐使用以下资源和教程：
完整的JavaScript课程2023：从零到专家！
W3Schools的JavaScript教程
Codeacademy的免费JavaScript课程
JavaScript SEO：深度指南
JavaScript备忘单（附表格及可下载PDF）
JavaScript问题和如何解决它们
当你在你的网站上用JavaScript做什么时，可能性几乎是无穷无尽的。
然而，为了充分利用它，您必须确保您的代码尽可能地完善。
Semrush的网站审计工具可以帮助确保你的JavaScript是优化的，不会妨碍你的页面性能。
Unminified JavaScript
为了使JavaScript有效地工作并最小化负面的页面性能影响，必须最小化代码。
未精简的JavaScript包含不必要的行和空格。
删除这些行和空格可以在不牺牲内容或功能的情况下缩短页面加载时间。
站点审计工具可以识别您的网站上哪里需要减少JavaScript。
第一次输入延迟
第一次输入延迟（FID）是指用户第一次与你的网站交互（例如，点击一个链接）后，浏览器做出响应所需的时间。
FID是最重要的核心Web生命体征之一。它会影响你的搜索引擎排名。
如果你的网站有FID问题，JavaScript就是一个常见的罪魁祸首。
幸运的是，Site Audit工具可以识别第一次输入延迟问题以及导致这些问题的原因。
平衡是关键
JavaScript可以帮助您为用户提供难忘的体验。
但它也很容易导致网站性能问题。
平衡是关键。
在用户体验和性能之间取得平衡来优化你的网站。
幸运的是，Semrush网站审计中提供的强大工具可以帮助您找到这种平衡并解决问题。
JavaScript常见问题
以下是一些关于JavaScript的常见问题和答案：
什么是JavaScript，为什么要使用它？
JavaScript是一种计算机编程语言，通常用于为网页添加动态性和交互性。它也可以用来创建移动应用程序和软件。
开发人员使用JavaScript是因为它易于学习和使用。它还可以跨多个平台和设备使用。
什么是JavaScript在简单的话？
JavaScript是一种计算机编程语言，用于使网站更具互动性。
JavaScript的一个例子是什么？
JavaScript的一个例子是你放置在你的网站上安装谷歌分析的代码。
其他示例包括下拉菜单、交互式日历、音频和视频嵌入、交互式地图、图像轮播和显示广告。
JavaScript是一种编程语言吗？
是的，JavaScript是一种编程或脚本语言，通常用于使网站更具动态性和互动性。
Java和JavaScript是一样的吗？
不，Java和JavaScript是不同的。它们是两种不同的语言，有着不同的用途和目的。
JavaScript最初被称为LiveScript，但在正式发布之前它的名字被更改了。这可能是为了利用当时Java的流行。