JAVASCRIPT入门(以及它与PHP的比较)

在我们看来,即使PHP是您唯一的编程语言,您应该发现切换到JavaScript足够舒适,可以立即开始篡改几个脚本。一旦您了解了JavaScript的基本构建块是如何组合在一起的,您将拥有坚实的基础,使您能够探索该语言的更复杂的方面。

在针对初学者WordPress PHP编码器的本指南中,我们将从Y Minutes的Learn X开始学习关于JavaScript 的精湛入门。我们将直接比较JavaScript代码的结构和编写方式,以及如何在PHP中完成工作。首先,让我们来谈谈WordPress的一些JavaScript历史!

WordPress和JavaScript:爱情故事

WordPress和JavaScript之间的关系是一个短暂的关系,但许多开发人员都被这些可能性所吸引。我们已经讨论了过去两次如何组合这两者,最值得注意的是我们的文章“你需要知道的关于JavaScript和WordPress的所有内容”。我们还研究了JavaScript框架,以及 供您使用的基本库。更重要的是,还有更多来自管道的地方。

至于JavaScript如何被整合到WordPress中,纸上进展缓慢。当然,幕后还有很多工作要做。例如,WordPress.com由Calypso代码库提供支持:

Calypso代码库主页。

该接口构建在Node.js的服务器端层上 – 简而言之,是一个可帮助您开发JavaScript应用程序的运行时库。更重要的是,WordPress的新Gutenberg编辑器正逐渐变得对JavaScript友好。因此,“深入”学习语言从未如此重要。

PHP和JavaScript之间的差异

稍后,我们将深入研究PHP和JavaScript之间的编码差异。然而,首先,值得研究两种语言之间更“全球”的区别。

PHP可能是您已经熟悉的编程语言。它是一种服务器端脚本语言,主要用于Web开发,但也有其他一般用途。它是弱类型的,你最常见的是它在.php文件中与HTML交织在一起  。PHP已有近25年的历史,目前已进入第7次迭代。根据许多测试,PHP 7的性能远远超过PHP5的前身。

JavaScript在很多方面都类似。它也是一种弱类型,动态和解释的语言。它构成了Web的三个核心组件之一,以及HTML和CSS,因此可以在大量网站上用于向用户提供动态的交互式内容。它实际上是ECMAScript的一个子集,它也支持ActionScript和JScript。前者是Adobe对该语言的看法,而JScript是Microsoft的版本(主要用于Internet Explorer)。

简而言之,两种语言都有很多共同之处。这提出了一个问题:为什么突然强调JavaScript?答案并不完全清楚,尽管本文对此主题进行了更多解释,而Matt Mullenweg 宣布的Calypso提供了进一步的见解。无论如何,如果你想要“面向未来”的WordPress技能,很明显JavaScript是你需要开始学习的语言。

JavaScript如何与PHP比较(4个关键元素)

虽然接下来几乎没有语言主要元素的详尽列表,但它提供了开始构建基本JavaScript程序所需的基础。你也会发现你可以自己开始从这些元素中推断,我们会给你一些指导,帮助你在结束之前进一步学习。

1.变量

在我们开始之前,值得指出的是,虽然PHP需要将代码包装在<?php?>中,但JavaScript不需要此元素。因此,我们将从任何PHP代码示例中省略它以便于阅读。

让我们通过查看变量的构造方式来简单地开始。当然,在PHP中,您将使用美元符号($)为每个变量添加前缀:

1
2
$boolean = true; // or TRUE or True
$boolean = false; // or FALSE or False

但是,在JavaScript中,您不需要这样做。更重要的是,因为语言是动态的,所以你也不需要声明类型。例如:

1
2
var fooVar = 5;
var barVar = 'This is a string';

未分配的声明变量设置为Undefined。您还会注意到变量名称是用’CamelCase’编写的,并且在结尾处仍然需要一个分号,类似于PHP。

您可以使用逗号在一行上放置多个变量:

1
var fooVar = 2, barVar = 4;

此外,JavaScript使用简写表示法进行数学运算:

1
2
3
4
5
6
fooVar += 5; // equivalent to fooVar = fooVar + 5; fooVar is 10 now
fooVar *= 10; // now fooVar is 100

// Short-hand for adding or subtracting one
fooVar++; // now fooVar is 101
fooVar--; // back to 100

当然,变量通常很容易掌握。当您开始处理该语言的其他方面时,会出现复杂性。

2.控制结构

如果循环代表了控制整个程序流程的基本方法。值得庆幸的是,PHP和JavaScript都具有相同的if循环结构:

1
2
3
4
5
6
7
if (x) {
Do something!;
} elseif (true) {
Do this instead;
} else {
Do a final thing;
}

这同样适用于  for循环……

1
2
3
for (var i = 0; i &lt; 5; i++){
// will run 5 times
}

……和while循环:

1
2
3
while (true){
// An infinite loop!
}

另外,您还会注意到PHP和JavaScript的注释是相同的,因为您使用双反斜杠(//)。但是,虽然PHP也使用octothorpe(),但JavaScript使用’斜杠星’(/ * * /)方法。

3.数组和对象

与控制结构非常相似,数组在JavaScript中也遵循与PHP中类似的格式:

1
var myArray = ["Hello", 45, true];

如您所见,这些是任何类型的有序列表。指数从零开始,与许多其他语言非常相似。它们的访问方式与PHP类似:

1
myArray[1]; // = 45

但是,PHP和JavaScript之间的一个主要区别是后者不支持关联数组:

1
$associative = array('One' =&gt; 1, 'Two' =&gt; 2, 'Three' =&gt; 3);

相反,JavaScript使用数组作为编号索引,将“对象”用作命名索引:

1
var myObj = {key1: "Hello", key2: "World"};

它们本质上是无序的键值对,并且可以像访问数组一样进行访问,尽管您也可以使用点表示法来访问键值对:

1
2
3
4
myObj["my other key"]; // = 4

// You can also use dot notation, provided the key is a valid identifier.
myObj.myKey; // = "myValue"

您会注意到对象看起来与其他语言(如Python)中的字典或地图非常相似,并且可以说比PHP更易于阅读。但是,可能需要一些时间才能适应这个系统,因此请在前几个脚本中为一些健康的调试做好准备。

4.功能

最后,我们来看看功能。与许多其他PHP元素非常相似,它们在JavaScript中具有相似的外观。首先,这是PHP中基本功能的一个示例:

1
2
3
4
5
function my_function () {
return 'Hello, World!';
}

echo my_function();

相应的JavaScript函数实际上是相同的,虽然您不需要回显或打印函数来调用它:

1
2
3
4
function myFunction(thing){
return thing.toUpperCase();
}
myFunction("hello, world!"); // "Hello, World!"

但是,JavaScript函数是“第一类对象”,这意味着它们可以分配给不同的变量名称并作为参数传递给其他函数。此事件处理程序是一个完美的示例:

1
2
3
4
function myFunction(){
// this code will be called in 5 seconds' time
}
setTimeout(myFunction, 5000);

如果您想知道,setTimeout实际上不是JavaScript的一部分,而是由Web浏览器提供,可以在Node.js中找到。当然,功能可以比这更深入。因此,在将所有这些指导付诸实践之前,我们鼓励您浏览Y分钟的Learn X文档。

如何更深入地探索JavaScript

正如我们之前所说的那样,这篇文章仅概述了与PHP相比JavaScript的基础知识。因此,如果您正在寻找更深入的语言,您将需要一些额外的资源。

当然,我们首先建议浏览Torque博客,因为我们有很多有关从头开始学习JavaScript的有用文章。我们已经提到了一些,但还有两个:

  • 28个WordPress学习JavaScript的高质量资源
  • 作为WordPress开发人员如何学习JavaScript

我们还研究了如何在WordPress中开始使用JavaScript。虽然这篇文章已有几年历史,但它仍然是该平台如何处理JavaScript的一个很好的例子。

最后,您还需要深入了解一些通用教程,以便整体学习语言。在选择一本好书之前,我们建议您先在JavaScript上使用Mozilla的MDN页面。对我们来说,雄辩的JavaScript可以说是市场上最好的资源。

结论

它几乎被谈到了单调乏味的地步,但JavaScript和WordPress日渐变得更加一致。自从“呼唤武器”被推出以来,开发人员已经开始“ 深入学习JavaScript ”。然而,对于那些仍然只是想要掌握PHP的人来说,学习一门新语言看起来就像是一座陡峭的山峰。

这篇文章研究了PHP代码与JavaScript的比较,并提供了两者的并列比较。理解这四个基本元素是解锁整个JavaScript语言的关键:

  1. 变量
  2. 控制结构
  3. 数组
  4. 功能

说点什么

500