16.判断数据类型方法.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. var arr = [1,2,3,4];
  11. var obj = {
  12. name:"Lucy",
  13. age:10
  14. }
  15. var fn1 = function() {
  16. console.log("你好")
  17. }
  18. // 1.typeof
  19. console.log(typeof 1);//number
  20. console.log(typeof "1"); //string
  21. console.log(typeof true); //boolean
  22. console.log(typeof undefined); //undefined
  23. console.log(typeof null); //object
  24. console.log(typeof arr);//object
  25. console.log(typeof obj);//object
  26. console.log(typeof fn1);//function
  27. // 2.instanceof
  28. console.log(obj instanceof Object);
  29. console.log(arr instanceof Object);
  30. console.log(fn1 instanceof Object);
  31. // 3.Object.prototype.toString.call()
  32. console.log(Object.prototype.toString.call(1));
  33. console.log(Object.prototype.toString.call("哈哈"));
  34. console.log(Object.prototype.toString.call(false));
  35. console.log(Object.prototype.toString.call(null));
  36. console.log(Object.prototype.toString.call(undefined));
  37. console.log(Object.prototype.toString.call(obj));
  38. console.log(Object.prototype.toString.call(arr));
  39. console.log(Object.prototype.toString.call(fn1));
  40. // 4.constructor 构造器 无法校验null 和 undefined
  41. console.log((1).constructor === Number);
  42. console.log("哈哈".constructor === String);
  43. console.log(false.constructor === Boolean);
  44. // console.log(null.constructor === Object);
  45. // console.log(undefined.constructor === undefined);
  46. console.log(obj.constructor === Object);
  47. console.log(arr.constructor === Object);
  48. console.log(fn1.constructor === Object);
  49. </script>
  50. </body>
  51. </html>