从零开始前端学习[52]:js中的数据类型以及没有数据类型的数据类型typeof

js中没有数据类型的数据类型typeof

  • js的相关数据类型
  • 使用typeof来查看数据类型

提示:
博主:章飞_906285288
博客地址:http://blog.csdn.net/qq_29924041


js的数据类型

对于js来说,因为其是弱类型的语言,所以对于数据类型一类来说,相对比较弱化一点,一个var即可基本上表示所有,但是并不是代表其没有数据类型,跟java,跟C语言一类的语言来说,没有那么具体,那js下有哪些数据类型呢??主要也有以下几个分类:

  • 数字类型
  • 字符串类型
  • 函数类型
  • boolean类型
  • object对象类型(数组类型以及json类型)
  • undefined类型

    我们可以通过typeof来进行相关的查看;

数字类型
    var a = 10;
boolean类型
    var a = true;
字符串类型
var string = "l like js";
函数类型
var a = function(){
    函数体
}
object对象类型
var s = document;

对于对象类型来说,一定要记住:只有对象可以打点调用方法和属性
对象中的数组类型,js的数组与其他强类型的语言相比,其杂合度相对来说比较高,定义一个数组的时候,里面可以有不同的数组类型格式,如

var a = [1,2,3,'字符串',document];

还有一个就是json类型
json算是一种数据结构,非常重要的一种数据接口,有其自己遵循的一些规则

  • JSON,里面放置键值对,由逗号隔开,最后一个可以不加逗号
  • 键值对:由引号引起的属性 冒号 值构成
  • 就属性而言:可以不用引号,但有些后台语言不认识没有冒号的JSON,因此我们统一要求加冒号
  • 就值而言:可以是任意语句,但是一般传到后台的是字符串数据,在js自身去使用的话可以是任意类型

    js中的json格式是可以放置函数的,所以在与后台进行交互的时候,可以直接返回一个函数形式,如

     var json = {
        "name":"dean",
        "sex":"男",
        "age":10,
        "class":10,
        "fn":function(){console.log("=====")}
    };
    console.log(json.name); //调用里面的属性
    console.log(json.fn()); //调用里面的函数
    
null对象模型
如:var a;//只有声明,但是没有定义的数据类型

使用typeof来进行数据类型的查看
使用如下所示:
var a = 10;
console.log(typeof a);
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <meta charset="UTF-8"><!--申明当前网页的编码集UTF-8-->
  <meta name="Generator" content="EditPlus®">   <!--编辑器的名称-->
  <meta name="Author" content="作者是谁">       
  <meta name="Keywords" content="关键词">
  <meta name="Description" content="描述和简介">
  <style type="text/css">                                        
        body,dl,dd,dt,p,h1,h2,h3,h4,h5,h6{ margin: 0;}
        ul,ol{margin: 0; list-style: none; padding: 0;}
        a{ text-decoration: none; }
        *{ margin: 0; padding: 0; }
  </style>
</head>
<body>
<script>
  var number = 10.1234;
  var boolean = false;
  var array = [1,2,"222","string"];
  var null_type;
  var object = document;
  function myfunction() {
      console.log("my function");
  }
  var function_type = myfunction;
  var jsontype  = {
      "name":"dean",
      "sex":"男",
      "age":10,
      "class":10,
      "fn":function(){console.log("=====")}
  }
  console.log("number_type:"+typeof number);
  console.log("boolean_type:"+typeof boolean);
  console.log("array_type:"+typeof array);
  console.log("null_type:"+typeof null_type);
  console.log("object_type:"+typeof object);
  console.log("function_type:"+typeof function_type);
  console.log("jsontype:"+typeof jsontype);
</script>
</body>
</html>

显示效果如下所示:很清晰的可以看到,其对应的数据类型
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值