ES6에서 값 유형 가져 오기

Question

[ "iife-wrap"] 플러그인이있는 ES6 + 바벨을 사용하고 있습니다.

이전에 작성한 (양식 유효성 검사) 플러그인을 다시 작성하려고합니다. 데이터가 객체인지 확인하려고합니다. typeof blah === 'object' 또는 내가 ES6에 넣어 그러나 경우 string, function, and etc.

:

은 ES5를 들어 이것은 단지이다. 오류가 발생합니다. 유형 오류 : _typeof는 함수가 아닙니다.

다음은 내 코드 샘플입니다.

let es6function =() => { 
    return 'asd'; 
} 

console.log(typeof es6function) 

class Person { 

} 

let tryThis = new Person() 
console.log(tryThis instanceof Person) 

ES5는 :

; 

(function() { 
    'use strict'; 

    function _classCallCheck(instance, Constructor) { 
     if (!(instance instanceof Constructor)) { 
      throw new TypeError("Cannot call a class as a function"); 
     } 
    } 

    var _typeof = typeof Symbol === "function" && _typeof(Symbol.iterator) === "symbol" ? function (obj) { 
     return typeof obj === 'undefined' ? 'undefined' : _typeof(obj); 
    } : function (obj) { 
     return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof(obj); 
    }; 

    var es6function = function es6function() { 
     return 'asd'; 
    }; 

    console.log(typeof es6function === 'undefined' ? 'undefined' : _typeof(es6function)); 

    var Person = function Person() { 
     _classCallCheck(this, Person); 
    }; 

    var tryThis = new Person(); 
    console.log(tryThis instanceof Person); 
})(); 

어떤 도움

주시면 감사하겠습니다 후 컴파일. 감사.

Answer 1

실수로 바벨을 코드 두 번 통과시키는 것처럼 보입니다.

console.log(typeof es6function) 

ES6 코드는 당신이 다시 transpile 때

var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; 

var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) { 
    return typeof obj === "undefined" ? "undefined" : _typeof2(obj); 
} : function (obj) { 
    return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj); 
}; 

console.log(typeof es6function === 'undefined' ? 'undefined' : _typeof(es6function)); 

될 않습니다

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; 

console.log(typeof es6function === 'undefined' ? 'undefined' : _typeof(es6function)); 

에 transpiled받을 않습니다. _typeof/_typeof2 중복을 제외하면이 결과는 증발 결과와 비슷합니다. 빌드 구성 및 바벨 플러그인을 확인하십시오. 하나씩 해제하여 문제가 언제 사라지는 지 확인하고 책임있는 구성 요소에 버그를보고하십시오.

Answer 2

이렇게 괄호를 추가 할 수 있습니까?

if(typeof(Symbol) === 'function')) { ... }