65.9K
CodeProject 正在变化。 阅读更多。
Home

JavaScript, jQuery, TypeScript：简介

raddevus
starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.89/5 (5投票s)

2018年9月12日

Apache

6分钟阅读

viewsIcon

7082

JavaScript, jQuery, TypeScript：简介

背景

我写作有几个原因

  1. 巩固我正在学习的东西
  2. 强迫自己更仔细地审视事物/质疑我正在获得的知识
  3. 创造我所学知识的历史记录
  4. 分享我收集到的信息，以期通过学习技术来建立社区

我最近需要学习 TypeScript，这促使我重新学习/回顾 JavaScript，所以我想把 JavaScript、jQuery 和 TypeScript 这三项技术整合到一个地方。

如果这听起来很有趣，我希望您能继续阅读我的帖子/章节，因为我正在尝试创建一个类似“工程师笔记”的东西。

JavaScript, JQuery, TypeScript

本书对纯 JavaScript、jQuery 和 TypeScript 进行快速入门介绍。

这将是一种“工程师笔记”类型，侧重于这三种语言，从需要学习最常用语言基础部分的实践开发者的角度出发。本书不会详细介绍每一个主题。相反，它将作为许多主题的起点，而其他更有趣的主题（作者意见）将得到更深入的讨论。

学习这三种语言有几个很好的理由。是的，其中许多理由仅仅与您实际上无法摆脱 JavaScript 的事实有关。但我不只是一个 JavaScript 的粉丝。我不认为 JavaScript 应该用在所有地方。但是，我也不认为它不应该用在任何地方。我喜欢像使用锤子一样使用它。锤子是把钉子钉进木板的完美工具。但当我有螺母和螺栓需要连接两块金属时，锤子就不是合适的工具。锤子并非无所不能。JavaScript 也一样。

我认为您应该学习这三种语言，因为

  1. 它们都相关，并且
  2. 它们的使用和受欢迎程度正在飙升
  3. 它们被用作许多 JavaScript 框架的固有组成部分

例如，TypeScript 和 jQuery 用于 AngularJS。jQuery 用于 Bootstrap 和无数其他地方。

您应该学习纯 JavaScript，因为理解它将帮助您

  1. 理解 jQuery 和 TypeScript 内部的真正工作原理
    1. jQuery 是用纯 JavaScript 编写的。jQuery 比纯 JavaScript 中遇到的代码更优雅地解决了许多挑战，因此理解纯 JavaScript 将帮助您了解 jQuery 真正做什么。
    2. TypeScript 编译（转译）为纯 JavaScript，并且同样能解决一些问题，当您理解纯 JavaScript 带来的挑战时，这些问题更容易被理解。

您应该学习 jQuery，因为它简化了您在纯 JavaScript 中进行的许多工作。与 JavaScript 库相比，jQuery API 更容易使用，可以操作 DOM（HTML 的文档对象模型）。jQuery API 在每个主要浏览器中都能“正常工作”，因此您不必担心您的代码只在一个或两个浏览器中有效。纯 JavaScript 并非总是如此，因为不同版本的浏览器在 JavaScript 的实现方式上存在一些细微的差别。

例如，Microsoft Edge 使用 Chakra（JScript 引擎）来运行 JavaScript。JScript 是微软对我们其他人称为 JavaScript 的脚本语言的称呼。JavaScript 和 JScript 实际上都是 ECMAScript 的版本。

而 Google Chrome 使用 V8（JavaScript 引擎）来运行 JavaScript。

您应该学习 TypeScript，因为它使 JavaScript 中的类创建更加容易。您的代码将更简洁、更有条理。此外，TypeScript 已经开始占据主导地位。也许在五年后，开发人员看待纯 JavaScript 开发者的眼光，就像我们现在看待汇编语言开发者的眼光一样。我们如何看待汇编语言开发者？非常挑剔。:)

本书将涵盖什么

  • 浏览器（Google Chrome、Microsoft Edge、Mozilla FireFox、OSF Opera、Apple Safari）……没错，我甚至没有提到 Internet Explorer。
  • 文本编辑器（可能的选择 - Notepad++ 或 Atom）。我在这里忽略了许多可能性
  • JavaScript 类型
  • JavaScript 函数、类和作用域
  • JavaScript DOM 操作
  • 纯 JavaScript 的挑战
  • 安装/引用 jQuery（CDN）
  • jQuery 选择器
  • TypeScript 编译器（安装和运行）

你需要的东西

运行以下一种（或多种）浏览器的计算机

  • Mozilla FireFox
  • Google Chrome
  • Microsoft Edge
  • Apple Safari
  • Opera Software Opera
  • 文本编辑器

我已经研究了几个文本编辑器，并在下一章会对此进行更多讨论。我还尝试了 Visual Studio Code 编辑器，但并没有留下深刻的印象。我宁愿使用 Atom 编辑器，因为它使用起来更直观。我的大部分工作将在 Notepad++ 中完成。

如果您已经有自己喜欢的文本编辑器，可以毫无问题地使用它。

调试 JavaScript

JavaScript 的主要问题/挑战之一是它没有一个出色的 IDE（集成开发环境（包含完成所有工作工具的编辑器，包括调试））。

由于浏览器是 JavaScript 代码的运行时环境（Node.js 除外），它也是调试 JavaScript 的地方。浏览器提供的调试功能比过去有了很大的改进，但仍然不如在 Visual Studio 中调试 C# 代码那样方便。我们的许多调试工作将通过向浏览器控制台写入日志来完成（后面会有更多介绍）。

使用本书需要了解什么？

您不需要有以往的编程经验就可以使用本书，但了解会更有帮助。

对 HTML 的基本了解会有帮助，但也不是完全必要，因为我会在与 JavaScript 相关的时候解释其中的一些内容。我会快速略过许多 HTML 细节，但我相信您可以边学边掌握所需知识。w3schools.com 等资源会非常有帮助。

但是，您需要了解一些基本知识。您需要知道如何使用网络浏览器、下载软件并安装它。您必须知道如何使用文件资源管理器在文件系统中导航。您需要知道如何做这些事情，因为我们不会一一解释，如果您不知道如何在文件系统中导航，您将很难找到我们创建和编辑的 JavaScript 文件。

本书将为您做什么？

它将提供 JavaScript、jQuery 和 TypeScript 的基础知识，以便您在 JavaScript 技术方面走得更远。例如，完成本书后，您会发现学习 Node.js 会更容易。

您所需的一切就是这些，让我们开始学习纯 JavaScript 吧。

© . All rights reserved.