js_기본 지식에서 다양한 데이터의 타입을 결정하기 위한 typeof 및 object.prototype.toString에 대한 설명

1. typeof(param)은 param(문자열)의 유형을 반환합니다.

이 메서드는 JS에서 정의한 전역 메서드이자 컴파일러에서 가장 많이 사용하는 메서드이기도 합니다. 장점은 사용이 간편하고 기억하기 쉽다는 점입니다. 단점은 객체, null, 배열 등을 판단할 수 없다는 것입니다. 정규식과 사용자 정의 개체가 매우 좋습니다.

샘플 코드:

코드 복사 코드는 다음과 같습니다.

var str= 'str' ;
var arr=['1','2'];
var num=1;
var bool=true;
var obj={name:'test'};
var nullObj=null;
var undefineObj=undefine;
var reg=/reg/;

function fn(){
Alert('이것은 함수입니다');
}

function User(이름){
this.name=name;
}
var user=new User('user');

console.log(typeof(str));
console.log(typeof(arr));
console.log(typeof(num));
console.log(typeof(bool) );
console.log(typeof(obj));
console.log(typeof(nullObj));
console.log(typeof(undefineObj));
console.log(typeof( reg));
console.log(typeof(fn));
console.log(typeof(user));

결과는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

string
object
number
boolean
객체
객체
정의되지 않음
객체
함수
객체

2.Object.prototype.toString().call(param) 매개변수 유형을 반환합니다(문자열, 형식은 [객체 클래스])

이 방법은 대부분의 판단 유형을 지원할 수 있으며 jquery 캡슐화 유형 판단은 이 방법을 사용합니다. 어떤 분들은 조금 혼란스러워 보일 수도 있으니 제가 설명해 드리겠습니다.

1) 호출(param) 함수

a.fun().call(b)은 js에서 객체 b가 a를 대체하도록 한 다음 a의 fun 함수를 실행하는 것을 의미합니다.

코드 복사 코드는 다음과 같습니다.

function Class1()
{
this.name = "class1"

this.showNam = function()
{
경고(this.name)
}
}

함수 Class2()
{
this.name = "class2"
}

var c1 = new Class1();
var c2 = new Class2();

c1.showNam.call(c2);

출력은 class1이 아닌 class2이며 이는 메서드 상속과 동일합니다.
그래서 Object.prototype.toString().call(param)은 실제로 param.prototype.toString()을 의미하므로 param.prototype.toString()을 직접 작성하지 않고 call()을 사용하는 것이 좋습니다. 우회하는 경우 아래 2를 참조하여 이해하시기 바랍니다.

2) Object.prototype.toString()

객체란 무엇인가요? , Script56.chm(공식 M$ 튜토리얼)은 다음과 같이 말합니다. Object는 모든 JScript 객체에 공통적인 기능을 제공합니다. 실제로 Object는 모든 js 객체의 조상이며 js의 모든 객체는 Object의 인스턴스입니다. 다른 개체 자신만의 독립적인 메서드를 재정의합니다. 프로토타입의 경우 너무 깊이 들어갈 필요는 없으며 프로토타입에 대한 참조만 반환하고 프로토타입에 동적으로 메서드와 속성을 추가할 수 있습니다.

작은 예

코드 복사 코드는 다음과 같습니다.

function class(){
this.name = "class";
this.showName = function( ){
Alert(this.name);
}
}
var obj = new class();
obj.showName();
class .prototype.showNameContact = function (){
경고("프로토타입 테스트" this.name);
}
obj.showNameContact();


그러면 클래스와 프로토타입 테스트 클래스가 각각 출력됩니다. 원래 showNameContact 함수는 생성자 class()에 정의되어 있지 않지만 프로토타입을 통해 객체 프로토타입에 함수를 동적으로 추가할 수 있으며 이는 자연스럽게 새 클래스에 포함됩니다. 예. . 따라서 Object.prototype.toString()은 Object의 조상에서 toString 메서드를 실행한다는 의미입니다.

그럼 toString()은 무엇을 할까요? toString() 함수는 다음과 같이 많은 js 매뉴얼에 정의되어 있습니다.
toString() 메서드는 논리 값을 문자열로 변환하고 결과를 반환할 수 있습니다. 구문은 booleanObject.toString()입니다. 방금 말했듯이 js의 객체는 모두 상속된 객체입니다. 이러한 객체는 사용자 정의된 기능을 갖거나 Object의 일부 기능을 재구성하고 모두 toString() 함수를 다시 작성합니다. 따라서 param.prototype.toString()을 1에 직접 작성하여 param 자체로 다시 작성된 toString() 함수가 실행되도록 하는 것을 생각할 수 없습니다.

자, 이제 중요한 순간이 왔습니다. toString()은 무엇을 하며 그 역할은 무엇입니까?

ES3에서 Object.prototype.toString 메소드의 사양은 다음과 같습니다.

Object.prototype.toString()

toString 메소드가 호출되면 다음 단계가 수행됩니다.

1. 이 객체의 [[Class]] 속성 값을 가져옵니다.

2. 세 개의 문자열 "[object", 첫 번째 단계의 연산 결과 Result(1), "]" 연결 후의 새 문자열을 계산합니다.

3. 2단계 Result(2)의 연산 결과를 반환합니다.

ES3의 사양 문서에는 [[class]] 내부 속성의 종류가 몇 가지인지 요약되어 있지 않습니다. 그러나 [에 대한 값은 총 10가지가 있습니다. [클래스]] 기본 객체의 내부 속성은 각각 "Array", "Boolean", "Date", "Error", "Function", "Math", "Number", "Object", "RegExp"입니다. "String". 따라서 Object.prototype.toString() 출력 결과는 [object Array], [object Boolean] 형식의 문자열입니다.

ES5.1에서는 사양이 더 자세하게 작성되는 것 외에도 Object.prototype.toString 메서드 정의와 Object의 [[class]] 내부 속성에 일부 변경 사항이 있습니다. 프로토타입.toString 메소드는 다음과 같습니다:

Object.prototype.toString ( )
toString 메소드가 호출되면 다음 단계가 수행됩니다.

1 this의 값이 정의되지 않은 경우 "[object Undefine]"을 반환합니다.
2 this의 값이 null인 경우 "[object Null]"을 반환합니다.
3 O를 ToObject(this)를 호출한 결과.
4 class가 O의 내부 속성 [[Class]]의 값이 되도록 합니다.
5 연결 후 세 문자열 "[object ", class 및 "]"를 반환합니다. New 문자열입니다.

ES3보다 1, 2, 3단계가 더 많다는 것을 알 수 있습니다. 1단계와 2단계는 새로운 규칙이며 "Undefine"과 "Null"이 값에 속하지 않기 때문에 매우 특별합니다. [[클래스]] 속성. 통계에 따르면 반환할 수 있는 유형은 "Arguments", "Array", "Boolean", "Date", "Error", "Function", "JSON", "Math", "Number", "Object"입니다. , "RegExp" ", "String"에는 ES3보다 두 가지 유형이 더 많습니다. 인수 개체의 [[class]]는 이전 "Object" 대신 "Arguments"가 되었습니다. 또한 여러 전역 개체 JSON이 있으며 해당 [ [class ]]값은 "JSON"입니다.

마지막으로 Object.prototype.toString().call(param)이 반환한 [객체 클래스]에서 클래스의 첫 글자는 대문자로 표시되며 JSON도 대문자로 표시되므로 판단 오류를 방지하려면 모두 소문자로 변환하고 Object.prototype.toString().call(param).toLowerCase()를 사용하세요.