10个程序员都必须知道JavaScript概念

Myth丶恋晨 2022-08-31 07:27 199阅读 0赞

![73835195888195e1072275b29f79a5a4.png][]

原文 | https://marufpbt.medium.com/the-most-important-topic-of-js-337e6a51bd12

原译 | 小爱

**1、Array. map()**

首先，我将向你介绍 Var、Let 及其工作原理。

让我们开始吧，语句var声明了一个变量来存储信息，就像一个变量容器。另一方面，let 语句也声明了一个变量。let 和 var 的区别如下：

• var 是函数作用域，let 是块作用域；这是主要的区别。

• var 是 JavaScript 的旧版本，let 是 es6(ECMAScript 6) 的版本

• 最大的js 专家说不应该使用var。总是使用 let 来存储信息。

**2、 string.split(), string.slice() 的使用**

我们也可以通过只使用一个参数来使用 slice() 方法，它将在整个值之后进行拼接。

split() 方法只是根据我们给出的条件将字符串分成几部分。

字符串split() 方法分割一个字符串。split() 将这些子字符串放入一个数组中并返回该数组。

slice() 方法将两个参数作为参数，并在完成任务后给出一个新数组。

![4050cce4cf14eacdb9018b2136a4d086.png][]

**3、 双等号（==）和三等号（===）的区别**

Double equals(==) 称为抽象相等比较。Double equals (==) 将只检查值是否相等，而 Triple equals (===) 将检查值和数据类型。Triple equals(===) 被称为严格相等比较。

例如，

![6abfe1e36ab57c4ba6914da210459d69.png][]

这里，example1 是一个数字，example2 是字符串，在检查值的相等性时，答案返回 true，因为它只检查值，而不是数据类型。

一次检查值和数据类型时，它返回 false，因为值相等但数据类型不同。

**4、Array.map() 让生活更轻松**

Array.map() 方法创建一个新数组。

我会说 Array.map() 比 forEach() 方法更重要，它是如何发生的？？让我们讨论一下。

我们可以将 for 循环和 forEach 用于具有复杂性的数组。在这种情况下 Array.map() 带来了轰动，它可以做更多的事情。

**5、Array.find() 和 Array.filter() 的区别**

Array.find() 方法返回第一个元素的值。

如果我们对这两种方法给出相同的指令，我们将从这两种方法中得到不同的值。

想象一下，在一个数组中，我们有 3 个 11，所有其他值都除以 2。如果我们使用 find() 请求质数，我们将只得到 11，但使用 filter，我们将得到 3 个11 个。

![23656e27df2d6f2722d4000af57a1dba.png][]

**6、 JS String indexOf() 方法**

让我们从 String indexOf() 方法的示例开始。

print('Departed Bus'.indexOf('Bus'));

在此示例中， indexOf() 查找字符串 Bus 的索引。当出现此字符串的第一个也是唯一一个索引是 9 时，因此此函数返回输出 9 。

输出：

**7、 parseInt() 和 parseFloat() 的使用**

parseInt() 函数解析返回整数的字符串参数。

parseFloat() 函数解析一个参数并返回一个浮点数。

在使用 parseInt() 或 parseFloat() 时，不小心如果我们给它们一个字符串值而不是数字或浮点值，它会给我们 NaN（非数字）。

**8、什么是 SSL 证书及其工作原理？**

虽然过去 SSL 证书对于拥有在线商店的网站更为重要，但现在对于所有网站而言，拥有一个安全的网站变得更加重要。

如果你没有 HTTPS，Google 现在会警告访问者它不安全，这会给你的网站带来许多负面影响：

搜索引擎的算法优先考虑“安全”网站，因此如果你没有 SSL 证书，你的搜索排名就会下降。

当访问者收到“网站不安全”的弹出警告时，他们可能会离开你的网站。

**9、Undefined Vs Null**

Undefined是当我们声明一个变量并且尚未分配值时。Null 表示空值或不存在值，应分配空值。

例如，

var testVariable;
    alert(testVariable); //shows undefined
    alert(typeof testVariable); //shows undefined

null 是一个赋值。可以将它分配给变量作为无值的表示：

var testVariable = null;
    alert(testVariable); //shows null
    alert(typeof testVariable); //shows object

**10、Math. Floor(), Math. Ceiling() and Math. Round()**

Math.Floor，向下舍入到负无穷大。

Math.Ceiling，向上取整为正无穷大。

Math.Round，四舍五入到最接近的整数或指定的小数位数。

Math.floor( 45.95); //  45
    Math.floor(-45.05); // -46
    Math.ceil(.95);    // 1
    Math.ceil(-4);     // -4
    Math.round( 20.5 ); //  21
    Math.round(-20.51); // -21

希望我今天分享的这个内容，对你有所帮助，也希望你喜欢这篇文章！我们下次再见，感谢你的时间，谢谢你的阅读。

#  #

**学习更多技能**

**请点击下方公众号**

![4cd2815de0934cf9f6dc7c49256c5b99.gif][]

![588c233214ba370b9316a745102dba52.png][]

![445657c0a2f663b72712606fdd4bd22d.png][]

[73835195888195e1072275b29f79a5a4.png]: /images/20220829/3f82584867634cfab4f339dde5cd61b8.png
[4050cce4cf14eacdb9018b2136a4d086.png]: /images/20220829/da9b1bb9f92b4aaeb524ef98536494d1.png
[6abfe1e36ab57c4ba6914da210459d69.png]: /images/20220829/9202c4a481d0490590f816eae23c8acc.png
[23656e27df2d6f2722d4000af57a1dba.png]: /images/20220829/038f60ba719345978f321785af483bc3.png
[4cd2815de0934cf9f6dc7c49256c5b99.gif]: /images/20220829/98381f2c8560433f80dabd64bc62712d.png
[588c233214ba370b9316a745102dba52.png]: /images/20220829/f1f3292a89834268b19abb21e039850d.png
[445657c0a2f663b72712606fdd4bd22d.png]: /images/20220829/3697e0ec61e8451c8b53a35a1808099a.png