jsの型判定の使い方を詳しく解説

今回はjsの型判定の使い方について詳しく解説していきます。 jsの型判定を使う際の注意点は何でしょうか？実際の事例を見てみましょう。

js

型変換のTypeofもnullをオブジェクトとして認識し、返される型はlessを使用して

最初のバージョン

function isArray(value){
  return Object.prototype.toString.call(value) === "[object Array]";
}
function isFunction(value){
  return Object.prototype.toString.call(value) === "[object Function]";
}

を実装しますが、このように1つずつ記述します。配列、関数、オブジェクトを判断するのは非常に面倒です

第2版

typeofが小文字なので、対応する型

stringを返すためにtype(obj)を使用したいと思います。 return lowercase 標準

function type(obj){
  // -1 代表截止到倒数一位
  return Object.prototype.toString.call(obj).slice(8,-1).toLowerCase()
}
type([]) // "array"

しかし、毎回判定された型をスライスしてLowerCaseするのは比較的パフォーマンスに負荷がかかり、判定された型は少数しかないので、オブジェクトを使用して可能な結果を​​事前にキャッシュできます

第3版

//将types放外面 而不是放在type函数里面, 利用闭包,优化性能,不用每次判断都声明一次typess
var types = {
  '[object Function]': 'function',
  '[object Number]': 'number',
  ...
}
function type(obj) {
  var str = Object.prototype.toString.call(obj)
  return types[str]
}

もちろん、この方法で上記の型を最適化することもできます

// 参考自jquery源码
var types = {}
当然也可以直接用数组存储
"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(e,i){
  types [ "[object " + e + "]" ] = e.toLowerCase();
}) ;

Judgewindowオブジェクト

windowオブジェクトのwindow属性をそれ自体と等しくなるように使用します

function isWindow( obj ) {
  // obj !== undefined 是为了防止没传参数的时候后面报错
  // Uncaught TypeError: Cannot read property 'window' of undefined的错误
  
  return obj !== undefined && obj === obj.window;
}

それがDOMかどうかを判断しますelement

isElement = function(obj) {
  return !!(obj && obj.nodeType === 1);
}

あなたはこの記事を読んだと思います。あなたはケースメソッドをマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

vue.js で v-model 命令を使用して双方向データ バインディングを実現する方法

vue でスワイパーを使用する方法

以上がjsの型判定の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。