JavaScript在网络开发中的本质
#javascript #网络开发人员 #初学者 #前端

我知道您一直在想这个JavaScript （JS）到处都是什么，到处引起了很多关注。答案很简单：JS是一种非常有效的脚本和编程语言，Web开发人员经常利用它来添加独特的功能，例如在网页，应用程序，服务器，服务器甚至游戏中添加互动性。使它很棒的是能够在大多数编程语言所缺乏的任何软件的前端和后端工作的能力。

JavaScript在另一端，可以独自一人。在这方面，要开始JS的旅程，您需要对HTML和CSS的另外两种标准Web技术的深入了解。

  • html是网站的骨架，该网站将如何结构结构。

  • css为骨骼增添了风格和格式，使其变得美丽。

  • JavaScript将这些美化的骨架变成了用户可以与之交互的东西。

the relationship between HTML, CSS, and JS.

布伦丹·艾希（Brendan Eich）于1995年创建了JavaScript。它最初是为Netscape 2创建的，并在授予ECMA后于1997年成为ECMA-262标准。然后，Mozilla基金会继续致力于为Firefox浏览器创建JavaScript。

年 ecma版本
1997 ES1
1998 ES2
1999 ES3
2008 ES4
2009 ES5
2016 ES6

在2018年开发了ES6版本，以为所有浏览器提供全力支持。

大多数Web开发人员对JavaScript的一般用法是修改HTML和CSS，以动态更新用户界面。这通常是由文档导向模型（dom）完成的。您必须注意，网页上的书面代码按其安排顺序加载和执行。 JS必须在Web文档中进行最后一次，以避免加载网页时错误。这是因为要修改的HTML和CSS必须先加载，然后才能修改它们。有两种方法可以将JavaScript添加到Web文档：

  • 外部链接：这是将脚本放在带有扩展名.js的单独文件中的练习，例如，script.js。创建的文件将使用脚本标签链接，并在主体标签的关闭下方和HTML标签关闭之前链接SRC属性。

    External JS linking

  • 内部链接：这是使用脚本标签在同一html文档中使用脚本标签的练习。脚本将在脚本标签的开头和关闭之间进行。

    Internal JS linking

JavaScript数据类型

所有编程语言都有建造它们的结构。这些结构伴随着内置的数据类型，以保持不同类型的值，并且它们因一种语言而异。对于JavaScript，有两种类型的数据类型分类。

  1. 原始数据类型。

  2. 非主要（参考）数据类型。

原始数据类型：在JS中，原始数据类型称为对象，没有方法或属性。有7种原始数据类型：

  • 字符串：这是指文本的数据，并带有引号标记。

    let text = "This is a string";
// A string that is stored in a variabled identified as text

  • 数字：这是指数字或整数的数据。它不需要被封装在引号上。

    let num = 45;
// A number that is stored in a variable identified as num

  • 布尔值：这代表只有变量为真或错误的数据。

    const listData = true;
const bulletData = false;
// Boolean data defined with true or false

  • bigint：这是一种整数但以其任意精度格式的数据。这是通过将后缀 n 添加到整数中创建的。

    const value = 98345689009876543n;
// BigInt

  • 未定义：作为名称状态，这是一种未定义的数据。该变量具有变量标识符，但没有分配运算符或值。

    let west;
console.log(west); // undefined

  • 符号：指定的数据类型的项目也可以称为符号值。这是一个不变的原始价值。例如，

    // two symbols with the same description
const textA = Symbol('hi');
const textB = Symbol('hi');

    即使文本A和文本B都包含“ hi”一词，它们也有所不同，因为它们是符号类型。

  • null： null是JavaScript中的特殊值，表示空或未定义的值。例如，

    const number = null;

非主要数据类型： - 这些数据类型是JavaScript中对象的名称。它们从JavaScript中的原始数据类型降下，另外称为派生数据类型或参考数据类型。非主要数据类型变量保存在系统的堆内存中，而原始数据类型变量保存在堆栈区域中。

  • 对象： JavaScript中的对象是一个具有为其定义的属性和方法的变量。一切都是JS中的对象。

    让我们看一下如何使用JavaScript创建对象：

    用构造函数创建对象： 

    // creating an empty object
let obj = new Object();

// creating a user-defined object
let school = new School();

    使用文字符号制作对象： 

    // creating an empty object
var cube = {};

// Here length and breadth are keys and
// 25 and 40 are the values
var rectangle = {length: 25, breadth: 40};

  • 数组：使用数组，我们可以在单个名称下将几个具有可比属性的元素分组。

    让我们看一下如何使用JavaScript进行操作：

    // creating an empty array (no arguments)
var arr1 = new Array();

// creating an array with the number of elements (a single argument)
var arr2 = new Array(7);

// creating an array with multiple values (two or more arguments) 
var arr3 = new Array(4, 6, 8, "string");

  • regexp： javaScript中的Regexp对象将字符串与某个模式进行比较。使用Regexp对象的比较功能，我们可以确定字符串中是否存在正则表达方式。

    让我们看一下如何在JavaScript中执行此操作：

    使用构造函数来创建REGEXP： 

    // defining a pattern to compare with a string using
// the RegExp constructor
var regex = new RegExp('pattern');

    通过将图案封闭在正向斜线中：
    通过 

    // defining a pattern with a modifier to compare
// with a string using forward slashes
var regex = /pattern/modifier;

JavaScript框架

在相当长的一段时间内，应用程序的开发一直在很大程度上依赖于JavaScript框架。这无疑标志着这种编程语言的里程碑。

JavaScript的另一个值得注意的好处是它与JS框架的兼容性。这些框架被广泛用于访问和利用符合功能和功能的预先存在的JavaScript代码。

流行的JavaScript前端框架

react.js

而不是作为JS框架，而是主要用作库。在JS框架中，它也具有最快的增长，在Github上有1,000名贡献者。

也可以创建该框架的元素，用于各种应用程序，并分发供公众使用。

此外，据说它更适合精致，复杂，高负载的软件解决方案。

vue.js

vue是2016年的另一个发行版，已被证明是最好的，因为它将灰烬，反应和棱角分成一个方便的包装混合在一起。

。

此外，它可能被证明是复杂单页应用程序（SPA）的所有方法，并且在任何情况下都在应用程序结构或清晰的代码上效率。

有效。

角JS

最常见的是，Angularjs被描述为MVW（模型视图）框架，为各种初创企业和中型业务提供了几个优势。

它主要用于双向数据绑定（后端的更改立即反映在UI中），快速代码创建以及对任何应用程序组件的简单测试。

被发布后，该框架已经发展出了所有认可，现在是构建单页应用程序的最受欢迎的JS框架。

基于组件的设计，增强的依赖注入，有效的伐木服务，组件间连接以及Angular的许多其他功能也是一种祝福。

JavaScript作为后端工具

后端开发是用于描述Web开发服务器端的术语，您，开发人员在其中构建为Web应用程序提供动力的代码。当用户探索Web时，他们会查看并与前端互动，该前端由后端提供动力，后端通常在Web服务器上运行。

以下是后端的责任

  1. 保留并从数据库中获取信息。

  2. 数据处理。

  3. 数据传输到前端

  4. 从前端获取信息

  5. 控制用户会话。

  6. 应用程序的安全性。

node.js，一个用于运行JavaScript的环境，使JavaScript代码可以在Web浏览器之外运行。它于2009年发布，因此可以使用JavaScript运行服务器端应用程序。这是一个基于V8 JavaScript引擎的跨平台环境，并具有大量库和工具来帮助开发人员创建可靠的应用程序。

node.js是一个受欢迎的后端开发框架，因为它快速，轻巧且有效。 next.js和express.js是另外两个流行的JavaScript框架。

流行的JavaScript后端框架

nodejs

跨平台开源服务器端JavaScript运行时环境是node.js。得益于其事件驱动的设计，它可以驱动异步I/O。此体系结构中存在类似的特征，例如包装，螺纹和环形形成。

功能;

  • 鉴于它是使用Google Chrome使用V8 JavaScript引擎创建的，因此该库快速执行代码。

  • 服务器不必等待任何API与数据响应，因为所有数据都是异步的。

  • 由于它是开源的，因此它具有一个相当大的社区和几个令人难以置信的模型，可为Node.js应用提供更多功能。

next.js

最常见的是，Next.js是一个直接的JavaScript框架，在后端采用了使用React框架的应用程序。

Next.js的主要目标是简化反应应用的开发，使得该过程尽可能复杂。

功能;

  • 直接的结构。

  • 快速执行。

  • 易于理解和使用。

express.js

Express是JavaScript脚本的最好的后端框架之一。由于其速度和简单性，它是制作Web应用程序和API的首选选择。

它的主要作用是作为Node.js的默认服务器框架，并作为Angular.js的前端框架。

功能;

  • 快速执行。

  • 易于学习。

  • 简单明了。

  • 鲁棒且相对免疫编码错误；它拥有对众多插件的广泛支持。

结论

想象一个没有JavaScript的世界 - 网站将是静态的，应用程序将缺乏互动魔法，游戏将失去动态。我的朋友JavaScript就像在数字领域中的魔杖一样。这不仅仅是一种语言；这是解锁可能性宇宙的关键！

考虑一下。无论您是制作令人惊叹的Web应用程序，潜入移动应用程序开发领域，烹饪下一个游戏感觉，甚至使用时尚的终端应用程序修补，JavaScript都可以支持。这是编码语言的瑞士军刀，配备了一系列工具和框架，以帮助您将自己的想法栩栩如生。

那么，您还在等什么？跳入JavaScript的世界，让您的创造力疯狂。谁知道您将要制造的令人难以置信的东西？是时候开始进行无限的编码冒险了！