jQuery의 isPlainObject() 메소드를 사용하는 방법

이번에는 jQuery의 isPlainObject() 메서드를 사용하는 방법과 jQuery의 isPlainObject() 메서드를 사용할 때 주의사항이 무엇인지 보여드리겠습니다. 실제 사례를 살펴보겠습니다.

Explanation

jQuery의 isPlainObject() 함수는 지정된 매개변수가 순수 객체인지, 반환 값이 부울 유형인지 확인하는 데 사용됩니다.

"순수 객체"는 { }, new Object(), Object.create(null)을 통해 생성된 객체입니다.

이 메서드의 목적은 null, 배열, 호스트 개체(문서), DOM 등과 같은 다른 JavaScript 개체와 구별하는 것입니다. 왜냐하면 typeof를 사용하면 개체가 반환되기 때문입니다.

사용

구문:

$.isPlainObject( object )

매개변수 설명:

object: 판단해야 하는 모든 유형, 모든 값. JQuery 3.3.1 버전에서 소스 코드를 살펴보십시오. 236

$.isPlainObject({});  //true
$.isPlainObject(new Object);  //true
$.isPlainObject(Object.create(null));  //true
$.isPlainObject([]);  //false
$.isPlainObject(document);  //false

요약

소스 코드에서 isPlainObject() 메소드의 구현은 크게 세 부분으로 나누어져 있습니다1 Object.prototype.toString을 사용하세요. call() 메서드는 typeof를 사용하는 대신 다른 문자열을 가져옵니다. typeof는 배열과 같은 기본 유형만 구별할 수 있고 typeof는 여전히 "객체" 문자열을 반환합니다

var class2type = {};
//Object.getPrototypeOf() 方法返回指定对象的原型（内部[[Prototype]]属性的值）。
var getProto = Object.getPrototypeOf;
//相当于 Object.prototype.toString
var toString = class2type.toString;
//hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性
//相当于 Object.prototype.hasOwnProperty
var hasOwn = class2type.hasOwnProperty;
//因为 hasOwn 是一个函数，所以这里调用的是内置对象 Function 的toString() 方法
//相当于 Function.prototype.toString
var fnToString = hasOwn.toString;
//相当于 Function.prototype.toString.call(Object)
//就是Object 构造函数 转字符串的结果
// ObjectFunctionString 其实就是 "function Object() { [native code] }" 这样的一个字符串
var ObjectFunctionString = fnToString.call(Object);
function isPlainObject (obj) {
 var proto, Ctor;

2. 프로토타입이 없는 객체는 순수 객체로 간주됩니다3. "{}" 또는 "새 객체" 메서드를 통해 생성된 객체인지 확인하세요

생성자를 판단해야 하므로 Function.prototype.toString 메서드를 사용하세요

Function 개체는 Object에서 상속된 Object.prototype.toString 메서드를 포함합니다.

함수의 toString 메소드는 함수 소스 코드를 나타내는 문자열을 반환합니다. 구체적으로 여기에는 함수 키워드, 형식 매개변수 목록, 중괄호 및 함수 본문의 내용이 포함됩니다.

var arr = [];
var obj = {};
typeof arr;    //"object"
typeof obj;    //"object"
typeof document;    //"object"
Object.prototype.toString.call(arr);    //"[object Array]"
Object.prototype.toString.call(obj);    //"[object Object]"
Object.prototype.toString.call(document);    //"[object HTMLDocument]"

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jQuery에서 토글 메소드를 구현하는 방법

jQuery+JSONP 도메인 간 구현 효과

위 내용은 jQuery의 isPlainObject() 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!