Как мы все знаем, JavaScript - очень популярный язык программирования. Разработчики могут использовать его не только для разработки ослепительных веб -программ, но и разработать некоторые мобильные приложения (такие как PhoneGap или Appcelerator). У него также есть некоторые реализации сервера, такие как Nodejs, Wakanda и другие реализации. Кроме того, многие разработчики выбирают JavaScript в качестве вступительного языка и используют его для изготовления мелочей, таких как всплывающие окна.
В этой статье автор поделится с вами небольшими советами, лучшими практиками и другим очень практичным содержанием разработки JavaScript. Независимо от того, являетесь ли вы фронтальным разработчиком или разработчиком сервера, вы должны взглянуть на эти небольшие советы, они определенно принесут вам пользу.
Фрагменты кода, представленные в статье, были протестированы в последней версии Chrome 30, которая использует двигатель V8 JavaScript (V8 3.20.17.15).
1. При первом назначении значения переменной не забудьте ключевое слово var
Присвоить значение не выделанной переменной, которая будет автоматически создана как глобальная переменная. В разработке JS следует избегать глобальных переменных.
2. Использовать === Заменить ==
И никогда не используйте = или! =.
Кода -копия выглядит следующим образом:
[10] === 10 // является ложным
[10] == 10 // это правда
'10' == 10 // это правда
'10' === 10 // ложно
[] == 0 // это правда
[] === 0 // является ложным
'' == false // это правда, но истинно == "a"
'' === false // является ложным
3. Используйте полуколон в качестве терминатора линии
Это хорошая привычка использовать полуколоны, где заканчивается линия, и даже если разработчик забудет добавить полуколоны, компилятор не будет иметь никаких намеков, потому что в большинстве случаев сиарзер JavaScript автоматически добавит их.
4. Создать конструктор
Кода -копия выглядит следующим образом:
Функция Человека (FirstName, Lastname) {
this.firstname = FirstName;
this.lastName = lastName;
}
var saad = новый человек ("saad", "mousliki");
5. Будьте осторожны в использовании TypeOF, экземпляра и конструктора
Кода -копия выглядит следующим образом:
var arr = ["a", "b", "c"];
TypeOf arr; // возвращать "объект"
Arr Antesmentof Array // true
arr.constructor (); // []
6. Создайте самостоятельную функцию
Это часто называют самостоятельной анонимной функцией или выражением функции вызова (LLFE). Когда функция создана, она будет выполнена автоматически, например, следующее:
Кода -копия выглядит следующим образом:
(function () {
// какой -то частный код, который будет выполняться автоматически
}) ();
(функция (a, b) {
var result = a+b;
результат возврата;
}) (10,20)
7. Создайте случайный элемент для массива
Кода -копия выглядит следующим образом:
var ements = [12, 548, 'a', 2, 5478, 'foo', 8852,, 'doe', 2145, 119];
var randomitem = elects [math.floor (math.random () * items.length)];
8. Получить случайное число в определенном диапазоне
Следующий код очень распространен, когда вам нужно генерировать поддельные данные для тестирования, такие как получение случайного значения до минимальной заработной платы и максимума.
Кода -копия выглядит следующим образом:
var x = math.floor (math.random () * (max - min + 1)) + min;
9. Сгенерируйте набор случайных чисел между номером 0 и максимальным номером
Кода -копия выглядит следующим образом:
var numbersArray = [], max = 100;
for (var i = 1; numberArray.push (i ++) <max;); // Числа = [0,1,2,3 ... 100]
10. Сгенерировать случайный набор буквенно -цифровых символов
Кода -копия выглядит следующим образом:
функция GeneraterAndomalphanum (Len) {
var rdmstring = "";
for (; rdmstring.length <len; rdmstring += math.random (). toString (36) .substr (2));
return rdmstring.substr (0, len);
}
11. Разрушайте массив чисел
Кода -копия выглядит следующим образом:
var numbers = [5, 458, 120, -215, 228, 400, 122205, -85411];
numbers = number.sort (function () {return math.random () - 0,5});
/ * Номера массивов будут равны, например, [120, 5, 228, -215, 400, 458, -85411, 122205] */
12. Функция строки TIM
Функция TRIM может удалять символы пробелов в струнах и может использоваться на нескольких языках, таких как Java, C#и PHP.
Кода -копия выглядит следующим образом:
String.prototype.trim = function () {return this.replace (/^/s+|/s+$/g, "");};
13. Приложение Приложение
Кода -копия выглядит следующим образом:
var array1 = [12, "foo", {name "Joe"}, -2458];
var array2 = ["doe", 555, 100];
Array.prototype.push.apply (Array1, Array2);
/ * Array1 будет равен [12, "foo", {name "Joe"}, -2458, "doe", 555, 100] */
14. Преобразовать объекты параметров в массив
Кода -копия выглядит следующим образом:
var argarray = array.prototype.slice.call (аргументы);
15. Убедитесь, является ли определенный параметр
Кода -копия выглядит следующим образом:
функция isnumber (n) {
возврат! isnan (parsefloat (n)) && isfinite (n);
}
16. Убедитесь, что заданный параметр является массивом
Кода -копия выглядит следующим образом:
функция isarray (obj) {
return object.prototype.tostring.call (obj) === '[object array]';
}
Обратите внимание, что если метод ToString () переписан, вы не получите ожидаемый результат.
Или вы можете написать это:
Кода -копия выглядит следующим образом:
Array.isarray (obj); // это новый метод массива
Точно так же, если вы используете несколько кадров, вы можете использовать экземпляры, и если будет слишком много контента, результатом также будут ошибки.
Кода -копия выглядит следующим образом:
var myframe = document.createElement ('iframe');
document.body.appendchild (myframe);
var myarray = window.frames [window.frames.length-1] .Array;
var arr = new myarray (a, b, 10); // [a, b, 10]
// экземпляр не работает правильно, Myarray теряет свой конструктор
// конструктор не разделен между кадрами
Arr экземпляр массива; // ЛОЖЬ
17. Получить максимальные и минимальные значения от массива чисел
Кода -копия выглядит следующим образом:
var numbers = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.apply (математика, числа);
var mininnumbers = math.min.apply (математика, числа);
18. Очистите массив
Кода -копия выглядит следующим образом:
var myarray = [12, 222, 1000];
myarray.length = 0; // myarray будет равен [].
19. Не используйте Delete для удаления элементов из массива
Разработчики могут использовать Split вместо использования Delete для удаления элементов массива. Вместо того, чтобы удалять неопределенные элементы в массиве, вместо этого используйте Delete.
Кода -копия выглядит следующим образом:
var ements = [12, 548, 'a', 2, 5478, 'foo', 8852,, 'doe', 2154, 119];
items.length; // возврат 11
Удалить элементы [3]; // вернуть истину
items.length; // возврат 11
/ * Предметы будут равны [12, 548, "A", неопределенным × 1, 5478, "foo", 8852, не определены × 1, "doe", 2154, 119] *////
Ничего страшного...
Кода -копия выглядит следующим образом:
var ements = [12, 548, 'a', 2, 5478, 'foo', 8852,, 'doe', 2154, 119];
items.length; // возврат 11
items.splice (3,1);
items.length; // возврат 10
/ * Предметы будут равны [12, 548, "A", 5478, "Foo", 8852, Undefined × 1, "doe", 2154, 119] */
Метод удаления должен удалить свойство объекта.
20. Используйте атрибут длины, чтобы сократить массив
Как упомянуто выше, разработчики также могут использовать атрибут длины, чтобы сократить массив.
Кода -копия выглядит следующим образом:
var myarray = [12, 222, 1000, 124, 98, 10];
myarray.length = 4; // Myarray будет равен [12, 222, 1000, 124].
Если значение длины массива, которое вы определяете, слишком высокое, длина массива изменится, и некоторые неопределенные значения будут заполнены в массив. Свойство длины массива не только для чтения.
Кода -копия выглядит следующим образом:
myarray.length = 10; // новая длина массива 10
myarray [myarray.length - 1]; // неопределенный