[CS]パージコード:変数の処理

3546 ワード
CS テキストリンク

パージ・コード:変数の処理


この記事は、Udemi Javascript Cleanコードを学習・整理した記事です!😎
JAvascriptは、実行時に簡単に値を変更できる言語です.これは開発者に大きな自由度をもたらしたが,値の追跡が困難であり,誤りが発生する可能性のあるリスクももたらした.
安全で可読性の良いコードを書くために、CLINコードを学びましょう.良いコードを書くために意識的に努力して、状況、目標などの状況に応じてどのコードが一番いいかを考えます!🖤

いいえvar

  • JavaScriptの変数宣言キーワードはvar、const、letです.
  • varには関数スケールがあり、再宣言できます.
  • 변화를 추적하기 어렵기 때문에 되도록 const, let를 쓰자!

    • グローバルスペースの使用を最小化


    登録
  • グローバルオブジェクトのpropertyがグローバル空間を使用すると、グローバルオブジェクトが汚染されます.
  • グローバルオブジェクトが持つ方法は、私も知らない場合があります.
  • 지역 변수를 사용하고 window, global를 조작하지 말자!

    • 一時変数の削除

  • に示すコードは、結果に何が追加され、削除され、変更されたかを追跡し続ける必要があります.
    • function getElements() {
	const result = {}; // 이게 바로 임시변수, 임시객체!
	result.title = document.querySelector('.title');
	result.text = document.querySelector('.text');

	return result;
}
    次のコードは
  • によって改善され、一時オブジェクトを追加または削除する必要はありません.
    • function getElements() {
	return {
		title: document.querySelector('.title'),
		text: document.querySelector('.text')
	}
}
  • の一時変数を使用すると、コマンドに満ちたコードが記述されます.
  • の一時変数の変化を追跡するのは難しく、デバッグが困難です.
  • は、コードを任意に変更しやすい.(行を追加するのは、構造を変更するよりも簡単です!)
  • を解決するために、함수나누기, 바로 반환하기, 고차 함수 사용하기, 선언형 프로그래밍하기 등의 방법があります.

    • 混同を避ける

  • 号ルーティングは、ランタイム変数、関数の宣言、および割り当てが別々であることを意味する.
  • const, let는 호이스팅이 발생해도 TDZ가 있기에 가급적 var는 지양하자!
  • 関数宣言は反発するので、함수 표현식を使いましょう!
    • Delta Lakeインポート
    version catalog has been stable