01.数据类型.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!--
  11. 1、分类
  12. *基本(值)类型
  13. *String:任意字符串
  14. *Number:任意的数字
  15. *Boolean:true/false
  16. *undefined:undefined
  17. *null:null
  18. *对象(引用)类型
  19. *Object:任意对象
  20. *Function:一种特别的对象(可以执行)
  21. *Array:一种特别的对象(数值下标,内部数据是有序的)
  22. 2、判断
  23. *typeof:
  24. 可以判断undefined / 数值 / 字符串 / 布尔值 / function
  25. 不能判断:null与object object与array
  26. *instanceof:判断对象的具体类型(比如:对象是函数、还是数组)
  27. *===
  28. 可以判断undefined,null
  29. -->
  30. <script>
  31. //1.基本
  32. //typeof 返回数据类型的字符串表达
  33. var a;
  34. console.log(a,typeof a,typeof a ==='undefined',a === undefined); //undefined,'undefined',true,true
  35. console.log(undefined === 'undefined');//false
  36. a = 3;
  37. console.log(typeof a === 'number');//true
  38. a = 'scdf';
  39. console.log(typeof a === 'string');//true,需要注意string是小写,大写的结果是false
  40. a = true;
  41. console.log(typeof a === 'boolean');//true
  42. a = null;
  43. console.log(typeof a,a === null);//object,true
  44. console.log('------------------------------------');
  45. //2.对象
  46. var b1 = {
  47. b2:[1,'abc',console.log],
  48. b3:function(){
  49. console.log('b3');
  50. return function(){
  51. return 'daca'
  52. };
  53. }
  54. };
  55. console.log(b1 instanceof Object,b1 instanceof Array);//true,false
  56. console.log(b1.b2 instanceof Array,b1.b2 instanceof Object);//true,true
  57. console.log(b1.b3 instanceof Function,b1.b3 instanceof Object);//true,true
  58. console.log(typeof b1.b2);//'object'
  59. console.log(typeof b1.b3 === 'function');//true
  60. console.log(typeof b1.b2[2],typeof b1.b2[2] === 'function');//'function',true
  61. b1.b2[2](4);//输出结果为4,因为b2的第三个元素是一个函数,就可以直接在其后面加小括号进行调用
  62. console.log(b1.b3()());//输出结果为:b3,daca
  63. </script>
  64. </body>
  65. </html>