Wszyscy mówią, że jednym z problemów JavaScript jest użycie +[ przykład ] do łączenia łańcuchów. Niektórzy twierdzą, że problem nie jest używany +, jest to przymus typu [patrz komentarze z poprzedniego przykładu]. Jednak w przypadku silnie typowanych języków bezproblemowo używaj + do łączenia i wymuszania typów. Na przykład w języku C #:

int number = 1;
MyObject obj = new MyObject();

var result = "Hello" + number + obj;
// is equivalent to
string result = "hello" + number.ToString() + obj.ToString();

Dlaczego więc łączenie łańcuchów w JavaScript jest tak dużym problemem?

Rozważ ten fragment kodu JavaScript:

var a = 10;
var b = 20;
console.log('result is ' + a + b);

To się zaloguje

wynik to 1020

Co najprawdopodobniej nie jest zamierzone i może być trudnym do wyśledzenia.

Kiedy mówisz „zły”, masz na myśli „niepoprawny” czy „powolny”? Argument o używaniu operatorów matematycznych zrobić ciąg konkatenacji niewątpliwie jest „nieprawidłowy” Argument, ale jest również argument, że należy dokonać za pomocą +zrobić wiele z łańcuchów znaków może być bardzo powolne.

Nie mówimy o tym, "Hello" + numberkiedy mówimy o wydajności, mówimy o budowaniu stosunkowo dużego ciągu przez wielokrotne dołączanie do niego w pętli.

var combined = "";
for (var i = 0; i < 1000000; i++) {
    combined = combined + "hello ";
}

W JavaScript (i C # jeśli o to chodzi) ciągi są niezmienne. Nigdy nie mogą być zmienione, tylko zastąpione innymi ciągami. Prawdopodobnie zdajesz sobie sprawę, że combined + "hello "nie modyfikuje bezpośrednio combinedzmiennej - operacja tworzy nowy ciąg, który jest wynikiem połączenia dwóch ciągów razem, ale musisz przypisać nowy ciąg do combinedzmiennej, jeśli chcesz ją zmienić.

Ta pętla tworzy milion różnych obiektów łańcuchowych i wyrzuca 999 999 z nich. Utworzenie tak wielu ciągów, które ciągle się powiększają, nie jest szybkie, a teraz śmieciarz ma wiele do zrobienia, aby potem wyczyścić.

C # ma dokładnie ten sam problem, który jest rozwiązany w tym środowisku przez klasę StringBuilder . W JavaScript uzyskasz znacznie lepszą wydajność, budując tablicę wszystkich ciągów, które chcesz połączyć, a następnie łącząc je razem na końcu, zamiast miliona razy w pętli:

var parts = [];
for (var i = 0; i < 1000000; i++) {
    parts.push("hello");
}
var combined = parts.join(" ");

Nie jest źle używać + zarówno do dodawania, jak i konkatenacji, pod warunkiem, że można tylko dodawać liczby i tylko łańcuchy konkatenacji. Jednak Javascript automatycznie konwertuje między liczbami i łańcuchami w razie potrzeby, więc masz:

3 * 5 => 15
"3" * "5" => 15
2 + " fish" => "2 fish"
"3" + "5" => "35"  // hmmm...

Być może prościej, przeciążenie „+” w obecności automatycznej konwersji typu przerywa oczekiwane skojarzenie operatora +:

("x" + 1) + 3 != "x" + (1 + 3)

Typowy problem związany z łączeniem łańcuchów dotyczy kilku zagadnień:

1. +symbol przeciążenia
2. proste błędy
3. programiści są leniwi

# 1

Pierwszym i najważniejszym problemem związanym z używaniem +do łączenia i dodawania ciągów jest to, że używasz +do łączenia i dodawania ciągów .

jeśli masz zmienne ai bustawiłeś c = a + b, to niejednoznaczność zależy od typów ai b. Ta dwuznaczność zmusza do podjęcia dodatkowych kroków w celu złagodzenia problemu:

Concat String:

c = '' + a + b;

Dodanie:

c = parseFloat(a) + parseFloat(b);

To prowadzi mnie do drugiego punktu

# 2

Bardzo łatwo jest przypadkowo rzucić zmienną na ciąg, nie zdając sobie z tego sprawy. Łatwo jest również zapomnieć, że dane wejściowe pojawiają się w postaci ciągu:

a = prompt('Pick a number');
b = prompt('Pick a second number');
alert( a + b );

Daje nieintuicyjne wyniki, ponieważ zachęta zwraca wartość ciągu wejściowego.

# 3

Potrzebowanie pisania parseFloatlub za Number()każdym razem, gdy chcę to zrobić, jest żmudne i denerwujące. Uważam się za wystarczająco mądrego, aby pamiętać, że nie zepsuję moich dynamicznych typów, ale to nie znaczy, że nigdy nie zawiodłem moich dynamicznych typów . Prawda jest taka, że ​​jestem zbyt leniwy, aby pisać parseFloatlub za Number()każdym razem, gdy dodam, ponieważ robię dużo dodawania.

Rozwiązanie?

Nie wszystkie języki używają +do łączenia łańcuchów. PHP używa .do łączenia ciągów, co pomaga rozróżnić, kiedy chcesz dodać liczby, a kiedy chcesz połączyć ciągi.

Do łączenia łańcuchów można użyć dowolnego symbolu, ale większość z nich jest już używana i najlepiej unikać duplikacji. Gdybym miał swoją drogę, prawdopodobnie użyłbym _do łączenia łańcuchów i nie zezwalałbym na _nazwy zmiennych.