Zusammenfassung von 18 Tipps für den Einstieg in JavaScript!

Die Kolumne „JavaScript“ stellt 18 Einführungskompetenzen vor ee

2. Zahlen umrechnen rrree 3. Booleschen Wert konvertieren

const input = 123;

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

4. Es gibt ein Problem mit der Zeichenfolge 'false'

const input = '123';

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

5. null vs undefiniert

null ist ein Wert, aber undefiniert ist kein Wert. null ist wie ein leeres Kästchen, während undefiniert kein Kästchen hat.

const input = 1;

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

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

Wenn null übergeben wird, wird der Standardwert nicht verwendet, und wenn undefiniert übergeben wird oder keine Parameter übergeben werden, wird der Standardwert verwendet. 6. Wahrer Wert und imaginärer Wert

Imaginärer Wert: false,0, "",null ,undefiniert und NaN.

Wahre Werte: "Werte",0",{},[].

7 . const deklariert, welche Arten von Variablen geändert werden können es kann geändert werden:

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

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

8. Der Unterschied zwischen dem dreifachen Gleichheitszeichen und dem doppelten Gleichheitszeichen

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

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

fn(null); // null

9. Eine bessere Möglichkeit, Parameter zu erhalten'false'有问题

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

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

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

5. null vs undefined

null是一个值，而undefined不是一个值。null就像一个空盒子，而undefined没有盒子。

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

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

如果传递null，则不采用默认值，而传递undefined或不传递任何参数时，采用默认值。

6. 真值和虚值

虚值：false,0, "",null,undefined和NaN。

真值："Values",0",{},[]。

7. const 声明变量哪些类型可以被更改

如果值不想被改变时，可以使用 const:

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

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

但用 const 声明的引用类型，它里面值是可以被更改的：

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

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

8. 三等号和双等号的区别

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

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

9. 接收参数更好的方式

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

更简单的方法

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

10.把普通函数改成箭头函数

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

可以改写成

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

11.从箭头函数返回对象/表达式

const arr = [...set]

12. 将 set 转换为数组

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

转换为数组

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

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

13.检查值是否为数组

const height = 0;

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

14. 获取对象的所有键

const numList = [1, 2, 3];

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

const squares = numList.map(square);

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

15. 双问号语法

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();

这个 ?? 的意思是，如果 ?? 左边的值是 null 或者 undefined，那么就返回右边的值。

16. map()

map()

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

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

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

10 Die gewöhnliche Funktion in eine Pfeilfunktion

rrreee

kann als rrreee

11 umgeschrieben werden. Objekt/Ausdruck aus der Pfeilfunktion 🎜🎜rrreee🎜🎜12 zurückgeben In Array konvertieren 🎜rrreee🎜🎜 13. Überprüfen Sie, ob der Wert ein Array ist🎜🎜rrreee🎜🎜14. Rufen Sie alle Schlüssel des Objekts ab🎜🎜rrreee🎜🎜15. Doppelte Fragezeichensyntax🎜🎜rrreee🎜Dieser ?? bedeutet, wenn ?? der Wert auf der linken Seite null oder undefiniert ist, dann wird der Wert auf der rechten Seite zurückgegeben 🎜 🎜🎜16. map()🎜🎜🎜 Die Methode „map()“ erstellt ein neues Array, dessen Ergebnis ist, dass jedes Element im Array der Rückgabewert des einmaligen Aufrufs der bereitgestellten Funktion ist rrreee🎜🎜17. Versuchen...fangen...endlich🎜🎜rrreee🎜🎜 18. Dekonstruktion🎜🎜rrreee

Das obige ist der detaillierte Inhalt vonZusammenfassung von 18 Tipps für den Einstieg in JavaScript!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!