Maison> Tutoriel système> Linux> le corps du texte

Javascript n'est pas non plus facile pour les débutants

WBOY
Libérer: 2024-08-20 07:32:07
original
867 Les gens l'ont consulté

Voici quelques conseils et pièges que les débutants en Javascript devraient connaître. Si vous êtes déjà un expert, révisez-le.

对于初学者来说 Javascript 也并不简单

Javascript n'est qu'un langage de programmation. Comment cela pourrait-il mal tourner ?

1. Avez-vous déjà essayé de trier un ensemble de nombres ?
La fonction

sort()de Javascript utilise le tri alphanumérique (points de code String Unicode) par défaut.

Donc

[1,2,5,10].sort()affichera[1, 10, 2, 5].

Pour trier correctement un tableau, vous pouvez utiliser

[1,2,5,10].sort((a, b) => a — b)

Une solution très simple, le principe est qu'il faut savoir qu'il existe un tel gouffre

2. la nouvelle Date() est géniale

nouvelle date()Acceptable :

    Aucun paramètre : renvoie l'heure actuelle
  • Un paramètre
  • x: renvoie le 1er janvier 1970 + x millisecondes. Ceux qui connaissent Unix savent pourquoi.
  • new Date(1, 1, 1) renvoie le 1er février 1901/. Parce que le premier paramètre représente 1900 plus 1 an, le deuxième paramètre représente le deuxième mois de cette année (donc février) — Les personnes ayant des circuits cérébraux normaux commenceront à indexer à partir de 1 — , et le troisième paramètre est très évidemment le premier jour de le mois, donc 1 — parfois l'indice commence à 1 — .
  • nouvelle Date(2016, 1, 1) n'ajoutera pas 2016 à 1900. Cela ne représente que 2016.

对于初学者来说 Javascript 也并不简单

3. Remplacer ne « remplace » pas
let s = "bob" const replaced = s.replace('b', 'l') replaced === "lob" s === "bob"
Copier après la connexion
Je pense que c'est une bonne chose car je n'aime pas que les fonctions changent leurs entrées. Il faut également savoir que

replacene remplacera que la première chaîne correspondante :

Si vous souhaitez remplacer toutes les chaînes correspondantes, vous pouvez utiliser une expression régulière avec

/gflag:

"bob".replace(/b/g, 'l') === 'lol' // 替换所有匹配的字符串
Copier après la connexion
4. Faites attention lorsque vous comparez
// These are ok 'abc' === 'abc' // true 1 === 1 // true // These are not [1,2,3] === [1,2,3] // false {a: 1} === {a: 1} // false {} === {} // false
Copier après la connexion
Raison : [1,2,3] et [1,2,3] sont deux tableaux indépendants. Il se trouve qu’ils contiennent la même valeur. Ils ont des références différentes et ne peuvent être comparés à

===.

5. Le tableau n'est pas un type de données primitif
typeof {} === 'object' // true typeof 'a' === 'string' // true typeof 1 === number // true // But.... typeof [] === 'object' // true
Copier après la connexion
Si vous voulez savoir si votre variable est un tableau, vous pouvez toujours utiliser

Array.isArray(myVar)

6.Fermeture

这是一个很有名的面试题:

const Greeters = [] for (var i = 0 ; i < 10 ; i++) { Greeters.push(function () { return console.log(i) }) } Greeters[0]() // 10 Greeters[1]() // 10 Greeters[2]() // 10
Copier après la connexion

你是不是认为它会输出 0, 1, 2… ? 你知道它为什么不是这样输出的吗? 你会怎样修改让它输出 0, 1, 2… ?

这里有两种可能的解决方法:

let替代var. Boom. 解决了.

letvar的不同在于作用域。var的作用域是最近的函数块,let的作用域是最近的封闭块,封闭块可以小于函数块(如果不在任何块中,则letvar都是全局的)。(来源)

替代方法: 用bind:

Greeters.push(console.log.bind(null, i))
Copier après la connexion

还有很多其他方法。这只是我的两个首选

7. 谈到 bind

你认为这个会输出什么?

class Foo { constructor (name) { this.name = name } greet () { console.log('hello, this is ', this.name) } someThingAsync () { return Promise.resolve() } asyncGreet () { this.someThingAsync() .then(this.greet) } } new Foo('dog').asyncGreet()
Copier après la connexion

如果你认为这个程序会崩溃提示Cannot read property 'name' of undefined,给你一分。

原因:greet没有在正确的上下文中运行。同样,这个问题依然有很多解决方案。

我个人喜欢

asyncGreet () { this.someThingAsync() .then(this.greet.bind(this)) }
Copier après la connexion

这样可以确保类的实例作为上下文调用greet

如果你认为greet不应该在实例上下文之外运行, 你可以在类的constructor中绑定它:

class Foo { constructor (name) { this.name = name this.greet = this.greet.bind(this) } }
Copier après la connexion

你还应该知道箭头函数(=> )可以用来保留上下文。这个方法也可以:

asyncGreet () { this.someThingAsync() .then(() => { this.greet() }) }
Copier après la connexion

尽管我认为最后一种方法并不优雅。

对于初学者来说 Javascript 也并不简单

我很高兴我们解决了这个问题。

总结

祝贺你,你现在可以放心地把你的程序放在互联网上了。甚至运行起来可能都不会出岔子(但是通常会)Cheers \o/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:linuxprobe.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!