[javascript] JavaScript에서 null과 undefined의 차이점은 무엇입니까?

나는 차이가 사이에 무엇인지 알고 싶어 null하고 undefined자바 스크립트로.



답변

JavaScript에서 undefined변수가 선언되었지만 다음과 같은 값이 아직 지정되지 않았 음을 의미합니다.

var TestVar;
alert(TestVar); //shows undefined
alert(typeof TestVar); //shows undefined

null할당 값입니다. 값이없는 표현으로 변수에 할당 할 수 있습니다.

var TestVar = null;
alert(TestVar); //shows null
alert(typeof TestVar); //shows object

앞의 예에서, 분명하다 undefined그리고 null두 가지 유형은 다음과 같습니다 undefined동안 유형 (정의되지 않은) 자체가 null개체입니다.

null === undefined // false
null == undefined // true
null === null // true

null = 'value' // ReferenceError
undefined = 'value' // 'value'


답변

나는 여기 에서 이것을 골랐다

정의되지 않은 값은 변수에 값이 지정되지 않은 경우 사용되는 기본 값입니다.

널값은 널, 비어 있거나 존재하지 않는 참조를 나타내는 기본 값입니다.

var를 통해 변수를 선언하고 값을 지정하지 않으면 값이 정의되지 않습니다. 자체적으로이 값을 WScript.Echo () 또는 alert ()하려고하면 아무 것도 표시되지 않습니다. 그러나 빈 문자열을 추가하면 갑자기 나타납니다.

var s;
WScript.Echo(s);
WScript.Echo("" + s);

변수를 선언하고 null로 설정하면 “null”이 출력되고 “undefined”가 표시되는 것을 제외하고는 동작이 동일합니다. 이것은 실제로 작은 차이입니다.

정의되지 않은 변수를 null로 또는 그 반대로 비교할 수도 있으며 조건은 true입니다.

undefined == null
null == undefined

그러나 두 가지 유형으로 간주됩니다. undefined는 그 자체로 유형이지만 null은 특수한 객체 값으로 간주됩니다. 변수의 일반적인 유형을 나타내는 문자열을 반환하는 typeof ()를 사용하여이를 확인할 수 있습니다.

var a;
WScript.Echo(typeof(a));
var b = null;
WScript.Echo(typeof(b));

위 스크립트를 실행하면 다음과 같은 결과가 나타납니다.

undefined
object

유형이 다르더라도 둘 중 하나의 멤버에 액세스하려고하면 (예 : 예외가 발생 함) 여전히 동일하게 작동합니다. WSH를 사용하면 ” ‘varname’은 null이거나 객체가 아닙니다”라는 메시지가 표시되며 운이 좋으면 다른 기사의 주제입니다.

명시 적으로 변수를 정의되지 않도록 설정할 수는 있지만 강력히 권장합니다. 변수를 null로 설정하고 설정하지 않은 것의 값을 정의하지 않은 상태로 두는 것이 좋습니다. 동시에 모든 변수를 항상 설정하는 것이 좋습니다. JavaScript는 C 스타일 언어와는 다른 스코프 체인을 가지고있어 심지어 베테랑 프로그래머조차도 쉽게 혼동 할 수 있으며 변수를 null로 설정하는 것이 버그를 방지하는 가장 좋은 방법입니다.

정의되지 않은 팝업이 나타나는 또 다른 인스턴스는 delete 연산자를 사용할 때입니다. C 세계의 사람들은 이것을 객체를 파괴하는 것으로 잘못 해석 할 수도 있지만 그렇지 않습니다. 이 작업은 배열에서 첨자를 제거하거나 개체에서 구성원을 제거합니다. 배열의 경우 길이에 영향을 미치지 않지만 이제 아래 첨자는 정의되지 않은 것으로 간주됩니다.

var a = [ 'a', 'b', 'c' ];
delete a[1];
for (var i = 0; i < a.length; i++)
WScript.Echo((i+".) "+a[i]);

위 스크립트의 결과는 다음과 같습니다.

0.) a
1.) undefined
2.) c

존재하지 않는 첨자 또는 멤버를 읽을 때 정의되지 않은 리턴이 표시됩니다.

null과 undefined의 차이점은 다음과 같습니다. JavaScript는 아무것도 null로 설정하지 않습니다. 일반적으로 우리가하는 일입니다. 우리는 변수를 undefined로 설정할 수 있지만, 우리에게 행해진 것이 아니기 때문에 null을 선호합니다. 디버깅 할 때 null로 설정된 것은 JavaScript가 아닌 자신이하는 일임을 의미합니다. 그 외에도이 두 가지 특수한 값은 거의 같습니다.


답변

이것이 차이점입니다

(문자 부족으로 인해 문자를 추가하므로 게시 할 수 있습니다.)


답변

없는 은 값이 없음을 나타내는 특수 키워드입니다.

다음과 같은 가치로 생각하십시오.

  • “foo”는 문자열입니다.
  • true는 부울입니다.
  • 1234는 숫자입니다
  • null은 정의되어 있지 않습니다.

undefined 속성은 변수에 null을 포함한 값이 할당되지 않았 음을 나타냅니다. 처럼

var foo;

정의 된 빈 변수는 null데이터 유형입니다undefined


둘 다 값이없는 변수값을 나타냅니다.

AND
null 는 값이없는 문자열 을 나타내지 않습니다 -빈 문자열-


처럼

var a = '';
console.log(typeof a); // string 
console.log(a == null); //false 
console.log(a == undefined); // false 

이제

var a;
console.log(a == null); //true
console.log(a == undefined); //true 

그러나

var a;
console.log(a === null); //false 
console.log(a === undefined); // true

그래서 각자 사용하는 방법이 있습니다

정의되지 않은 변수 데이터 유형을 비교하는 데 사용

null 변수의 값을 비우려면 사용하십시오.

var a = 'javascript';
a = null ; // will change the type of variable "a" from string to object 


답변

null : 변수 값이 없습니다. undefined : 변수 자체가 없음;

.. 여기서 variable은 값과 연관된 기호 이름입니다.

JS는 새로 선언 된 변수를 null 로 암시 적으로 초기화하기에 충분할 수 있지만 그렇지 않습니다.


답변

다음을주의 깊게 읽으십시오. JavaScript에서 nullundefined 의 차이점에 대한 모든 의심을 제거합니다 . 또한 아래에 제공된 유틸리티 기능을 사용하여 유형을 정확하게 결정할 수 있습니다.

JavaScript에서는 다음과 같은 유형의 변수를 가질 수 있습니다.

  1. 선언되지 않은 변수
  2. 선언되었지만 할당되지 않은 변수
  3. 리터럴이 정의되지 않은 변수
  4. 리터럴 널로 지정된 변수
  5. undefined 또는 null 이외의 변수가 할당 된 변수

다음은 이러한 각 사례를 하나씩 설명합니다.

  1. 선언되지 않은 변수 : 다음은 선언되지 않은 변수에 적용됩니다.

    • 문자열 ‘undefined’ 를 반환 하는 typeof () 로만 확인할 수 있습니다.
    • 확인할 수 없습니다 == 또는 === 나에 의해 경우 또는 조건 연산자 ? (참조 오류 발생)
  2. 선언되었지만 할당되지 않은 변수

    • typeof 는 문자열 ‘undefined’를 반환합니다
    • == null 로 검사하면 true가 반환됩니다.
    • == 정의되지 않은 상태 로 검사하면 true가 반환됩니다.
    • === null 로 검사하면 false가 반환됩니다.
    • === 정의되지 않은 상태 로 검사하면 true가 반환됩니다.
    • 경우 또는 조건부 연산자 ? 거짓을 돌려 준다
  3. 리터럴 undefined로 지정된 변수 : 이러한 변수는 선언 되었지만 할당되지 않은 변수 와 유사하게 취급됩니다 .

  4. 리터럴 널로 지정된 변수

    • typeof 는 문자열 ‘object’를 반환합니다
    • == null 로 검사하면 true가 반환됩니다.
    • == 정의되지 않은 상태 로 검사하면 true가 반환됩니다.
    • === null 로 검사하면 true가 반환됩니다.
    • === 정의되지 않은 상태 로 검사하면 false가 반환됩니다.
    • 경우 또는 조건부 연산자 ? 거짓을 돌려 준다
  5. undefined 또는 null 이외의 변수가 할당 된 변수

    • typeof는 ‘string’ , ‘number’ , ‘boolean’ , ‘function’ , ‘object’ , ‘symbol’ 문자열 중 하나를 리턴합니다.

다음은 변수의 올바른 유형 검사 알고리즘을 제공합니다.

  1. 확인 선언되지 않은 / 할당 / 할당 정의되지 않은 사용 대해서 typeof . 문자열 ‘undefined’ 가 반환 되면 반환
  2. ===를 사용하여 null 을 확인하십시오 . 반환 ‘널 (null)’ 의 경우 사실 .
  3. typeof를 사용하여 실제 유형을 확인하십시오 . ‘object’와 같지 않은 경우 반환 유형
  4. 실제 객체 유형을 확인하려면 Object.prototype.toString.call (o) 를 호출하십시오 . 내장 된 모든 자바 스크립트 또는 DOM 정의 객체 에 대해 ‘[object ObjectType]’ 유형의 문자열을 반환해야 합니다 . 사용자 정의 객체의 경우 ‘[object Object]’를 반환합니다.

유형을 결정하기 위해 다음 유틸리티 기능을 사용할 수도 있습니다. 현재 모든 ECMA 262 2017 유형을 지원합니다.

function TypeOf(o,bReturnConstructor)
 {
   if(typeof o==='undefined') return 'undefined'
   if(o===null) return 'null'
   if(typeof o!=='object') return typeof o

   var type=Object.prototype.toString.call(o)
  switch(type)
  {
     //Value types:4
     case '[object Number]': type='number';break;
     case '[object String]': type='string';break;
     case '[object Boolean]': type='boolean';break;
     case '[object Date]': type='date';break;


   //Error Types:7
     case '[object Error]': type='error';break;
     case '[object EvalError]': type='evalerror';break;
     case '[object RangeError]': type='rangeerror';break;
     case '[object ReferenceError]': type='referenceerror';break;
     case '[object SyntaxError]': type='syntaxerror';break;
     case '[object TypeError]': type='typeerror';break;
     case '[object URIError]': type='urierror';break;


    //Indexed Collection and Helper Types:13
     case '[object Array]': type='array';break;
     case '[object Int8Array]': type='int8array';break;
     case '[object Uint8Array]': type='uint8array';break;
     case '[object Uint8ClampedArray]': type='uint8clampedarray';break;
     case '[object Int16Array]': type='int16array';break;
     case '[object Uint16Array]': type='uint16array';break;
     case '[object Int32Array]': type='int32array';break;
     case '[object Uint32Array]': type='uint32array';break;
     case '[object Float32Array]': type='float32array';break;
     case '[object Float64Array]': type='float64array';break;
     case '[object ArrayBuffer]': type='arraybuffer';break;
     case '[object SharedArrayBuffer]': type='sharedarraybuffer';break;
     case '[object DataView]': type='dataview';break;

    //Keyed Collection Types:2
     case '[object Map]': type='map';break;
     case '[object WeakMap]': type='weakmap';break;

    //Set Types:2
     case '[object Set]': type='set';break;
     case '[object WeakSet]': type='weakset';break;

    //Operation Types
    case '[object RegExp]': type='regexp';break;
    case '[object Proxy]': type='proxy';break;
    case '[object Promise]': type='promise';break;

    case '[object Object]': type='object';
             if(bReturnConstructor && o.constructor) type=o.constructor.toString().match(/^function\s*([^\s(]+)/)[1];
         break;
    default:
        type=type.split(' ')[1]
        type=type.substr(0,type.length-1)

   }
    return type
}


답변

undefined는 시스템 수준, 예상치 못한 또는 오류와 같은 값 없음을 나타내는 것으로 간주하고 프로그램 수준, 정상 또는 예상되는 값 없음을 나타내는 경우 null을 고려할 수 있습니다.

JavaScript를 통해 : 완벽한 가이드