typeof的作⽤及⽤法
typeof的作⽤及⽤法
1.检查⼀个变量是否存在，是否有值.
typeof在两种情况下会返回"undefined":⼀个变量没有被声明的时候，和⼀个变量的值是undefined的时候.例如:
1.
  alert(typeof undeclaredVariable === "undefined");    // true
2.
  var declaredVariable;
  alert(typeof declaredVariable);    // 'undefined'
  alert(typeof undefined );    // 'undefined'
还有其他办法检测某个值是否是undefined:
3.
  var value = undefined;
  alert(value === undefined );  //true
但这种⽅法如果使⽤在⼀个未声明的变量上的时候，就会抛出异常，因为只有typeof才可以正常检测未声明的变量的同时还不报错:
4.
  alert(undeclaredVariable === undefined);      //ReferenceError: undeclaredVariable is not defined
  alert( typeof undeclaredVariable === undefined);    //false
注意：未初始化的变量，没有被传⼊参数的形参，不存在的属性，都不会出现上⾯的问题，因为它们总是可访问的，值总是undefined:
5.
jquery是什么有什么作用  var declaredVariable;
  declaredVariable === undefined        //true
  var aa = (function (x) { return x === undefined }())    // aa = true
  alert（ ({}).foo === undefined ）；  //  true
译者注：因此，如果想检测⼀个可能没有被声明的全局变量是否存在，也可以使⽤ if(window.maybeUndeclaredVariable){}
2.判断⼀个值不等于undefined也不等于null
问题：如果你想检测⼀个值是否被定义过(值不是undefined也不是null)，那么你就遇到了typeof最有名的⼀个怪异表现(被认为是⼀个bug):typeof null 返回了"object":
（也可以理解为null是属于object数据类型的⼀种特殊形式）
解决办法: 不要使⽤typeof来做这项任务,⽤下⾯这样的函数来代替:
  function isDefined(x) { return x !== null && x !== undefined; }
另⼀个可能性是引⼊⼀个“默认值运算符”，在myValue未定义的情况下，下⾯的表达式会返回defaultVa
lue:
myValue ?? defaultValue
上⾯的表达式等价于:
  (myValue !== undefined && myValue !== null) ? myValue : defaultValue
⼜或者:
  myValue ??= defaultValue
其实是下⾯这条语句的简化:
  myValue = myValue ?? defaultValue
当你访问⼀个嵌套的属性时,⽐如bar，你或许会需要这个运算符的帮助:
  obj.foo.bar
如果obj或者obj.foo是未定义的，上⾯的表达式会抛出异常.⼀个运算符.??可以让上⾯的表达式在遍历⼀层⼀层的属性时，返回第⼀个遇到的值为undefined或null的属性:
  obj.??foo.??bar
上⾯的表达式等价于:
  (obj === undefined || obj === null) ? obj : (obj.foo === undefined || obj.foo === null) ? obj.foo : obj.foo.bar
3.区分对象值和原始值
下⾯的函数⽤来检测x是否是⼀个对象值:
  function isObject(x) { return (typeof x === "function" || (typeof x === "object" && x !== null)); }
问题: 上⾯的检测⽐较复杂，是因为typeof把函数和对象看成是不同的类型,⽽且typeof null返回"object".
解决办法: 下⾯的⽅法也经常⽤于检测对象值：
  function isObject2(x) { return x === Object(x); }
警告：你也许认为这⾥可以使⽤instanceof Object来检测，但是instanceof是通过使⽤使⽤⼀个对象的
原型来判断实例关系的，那么没有原型的对象怎么办呢:
  > var obj = ate(null);
  > PrototypeOf(obj) null
obj确实是⼀个对象，但它不是任何值的实例:
  > typeof obj 'object'
  > obj instanceof Object false
在实际中，你可能很少遇到这样的对象，但它的确存在,⽽且有它的⽤途.
译者注:Object.prototype就是⼀个默认存在的，没有原型的对象
  &PrototypeOf(Object.prototype)null
  >typeof Object.prototype'object'
  >Object.prototype instanceof Object false
4.原始值的类型是什么?
typeof是最好的⽤来查看某个原始值的类型的⽅式.
  > typeof "abc" 'string'
  > typeof undefined 'undefined'
问题: 你必须知道typeof null的怪异表现.
  > typeof null // 要⼩⼼! 'object'
解决办法: 下⾯的函数可以修复这个问题(只针对这个⽤例).
  function getPrimitiveTypeName(x) { var typeName = typeof x; switch(typeName) { case "undefined": case "boolean": case "number": case "string": return typeName; case "object": if (x === null) { return "null"; } default: // 前⾯的判断都没通过 throw new TypeError("参数不是⼀个原始值: "+x); } }
更好的解决办法: 实现⼀个函数getTypeName()，除了可以返回原始值的的类型，还可以返回对象值的内部[[Class]]属性.这⾥讲了如何实现这个函数(译者注:jQuery中的$.type就是这样的实现)
5.某个值是否是函数
typeof可以⽤来检测⼀个值是否是函数.
  > typeof function () {} 'function'
  >  typeof String 'function'
原则上说,instanceof Function也可以进⾏这种需求的检测.乍⼀看，貌似写法还更加优雅.但是，浏览器有⼀个怪癖：每⼀个框架和窗⼝都有它⾃⼰的全局变量.因此，如果你将某个框架中的对象传到另⼀个框架中,instanceof就不能正常⼯作了，因为这两个框架有着不同的构造函数.这就是为什么ECMAScript5中会有Array.isArray()⽅法的原因.如果有⼀个能够跨框架的,⽤于检查⼀个对象是否是给定的构造函数的实例的⽅法的话，那会很好.上述的getTypeName()是⼀个可⽤的变通⽅法，但也许还有⼀个更根本的解决⽅案.
6.综述
下⾯提到的，应该是⽬前JavaScript中最迫切需要的，可以代替⼀些typeof⽬前职责的功能特性:
  isDefined() (⽐如Object.isDefined()): 可以作为⼀个函数或者⼀个运算符
  isObject()
  getTypeName()
能够跨框架的，检测⼀个对象是否是指定的构造函数的实例的机制
检查某个变量是否已经被声明这样的需求，可能没那么必要有⾃⼰的运算符.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。