Résumé de 18 conseils pour débuter avec JavaScript !

JavaScriptLa colonne présente 18 compétences de niveau d'entrée

Recommandé ( gratuit) ：JavaScript(Vidéo)

1. Convertir la chaîne

const input = 123;

console.log(input + ''); // '123'
console.log(String(input)); // '123'
console.log(input.toString()); // '123'

2. 🎜 >

const input = '123';

console.log(+input); // 123
console.log(Number(input)); // 123
console.log(parseInt(input)); // 123

3. Convertir la valeur booléenne

const input = 1;

// 方案1 -使用双感叹号(!!)转换为布尔值
console.log(!!input); // true

// 方案2 - 使用 Boolean() 方法
console.log(Boolean(input)); // true

4. Chaîne

problème'false'

const value = 'false';
console.log(Boolean(value)); // true
console.log(!!value); // true

// 最好的检查方法
console.log(value === 'false');

null vs non défini

est une valeur, mais

n'est pas une valeur. null est comme une boîte vide et undefined n'a pas de boîte. null

const fn = (x = '默认值') => console.log(x);

fn(undefined); // 默认值
fn(); // 默认值

fn(null); // null

undefinedSi null est passé, la valeur par défaut n'est pas prise, tandis que si ou aucun paramètre n'est passé, la valeur par défaut est prise.

undefined6. Valeurs vraies et imaginaires

Valeurs imaginaires :

,

, false, 0, "" et null. undefinedNaNVraies valeurs :

,

,"Values",0". {}[]

7. Quels types de variables déclarées const peuvent être modifiés

Si la valeur ne veut pas être modifiée, vous pouvez utiliser

:

const name = '前端小智';
name = '王大冶'; // 报错

const list = [];
list = [1]; // 报错

const obj = {};
obj = { name: '前端小智' }; // 报错

const mais utilisez le type de référence déclaré par const, la valeur qu'il contient peut être modifiée :

const list = [];
list.push(1); // 可以工作
list[0] = 2; // 可以工作

const obj = {};
obj['name'] = '前端小智'; // 可以工作

8 La différence entre le triple signe égal et le double signe égal

.

// 双等号 - 将两个操作数转换为相同类型,再比较
console.log(0 == 'o'); // true

// 三等号 - 不转换为相同类型
console.log(0 === '0'); // false

9 . Une meilleure façon de recevoir les paramètres

function downloadData(url, resourceId, searchTest, pageNo, limit) {}

downloadData(...); // need to remember the order

Une manière plus simple

function downloadData(
{ url, resourceId, searchTest, pageNo, limit } = {}
) {}

downloadData(
  { resourceId: 2, url: "/posts", searchText: "WebDev" }
);

10. >

const func = function() {
    console.log('a');
    return 5;
};
func();

Peut être réécrit comme

const func = () => (console.log('a'), 5);
func();

11. Renvoie l'objet/l'expression de la fonction flèche

const getState = (name) => ({name, message: 'Hi'});

12. en tableau

const set = new Set([1, 2, 1, 4, 5, 6, 7, 1, 2, 4]);
console.log(set); // Set(6) {1, 2, 4, 5, 6, 7}

set.map((num) => num * num); // TypeError: set.map is not a function

Convertir en tableauset

const arr = [...set]

13 Vérifiez si la valeur est un tableau

const arr = [1, 2, 3]; 
console.log(typeof arr); // object
console.log(Array.isArray(arr)); // true

Obtenir toutes les clés de l'objet

cosnt obj = {
  name: "前端小智", 
  age: 16, 
  address: "厦门", 
  profession: "前端开发", 
}; 

console.log(Object.keys(obj)); // name, age, address, profession

15. Syntaxe du double point d'interrogation

const height = 0;

console.log(height || 100); // 100
console.log(height ?? 100); // 0

Ce signifie que si la valeur à gauche de est

ou

, puis renvoie la valeur à droite. ????null16. La méthode map()undefined

crée un nouveau tableau. Le résultat est que chaque élément du tableau est le résultat de l'appel de la fonction fournie. une fois. Valeur de retour.

const numList = [1, 2, 3];

const square = (num) => {
  return num * num
}

const squares = numList.map(square);

console.log(squares); // [1, 4, 9]

17. essayez…attrapez…enfinmap()

const getData = async () => {
  try {
    setLoading(true);
    const response = await fetch(
      "https://jsonplaceholder.typicode.com/posts"
    );
    const data = await response.json();
    setData(data);
  } catch (error) {
    console.log(error);
    setToastMessage(error);
  } finally {
    setLoading(false); // 不管是否报错，最后都会执行
  }
};

getData();

18. Déconstruction

const response = {
  msg: "success",
  tags: ["programming", "javascript", "computer"],
  body: {
    count: 5
  },
};

const {
  body: {
    count,
        unknownProperty = 'test'
  },
} = response;

console.log(count, unknownProperty); // 5 'test'

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!