js学习之数据类型

  基础类型:number string boolean null undefined
  引用类型:object array function

  undefined值是派生自null值的(undefined == null); //true

  Boolean(message);
    数据类型 转换为true 转换为false
    Boolean true false
  String 任何非空字符串 ""(空字符串)
  Number 任何非零数字值 0和NaN
  Object 任何对象 null
  Undefined 不适用 undefined

  JavaScript 从左向右计算表达式。不同的次序会产生不同的结果:
    1、var x = 911 + 7 + "Porsche"; //918Porsche
    2、var x = "Porsche" + 911 + 7; //Porsche9117

  JavaScript 拥有动态类型。这意味着相同变量可用作不同类型:

  == 和 ===
    ==:称为等值符,当等号两边的类型相同时,直接比较值是否相等,若不相同,则先转化为类型相同的值,再进行比较;
    ===:称为等同符,当两边值的类型相同时,直接比较值,若类型不相同,直接返回false;

  null和undefined的区别
    undefined表示系统级的、出乎意料的或类似错误的值的空缺;表示缺少值,此处应该有值,但没有定义。例如:var a; a就会显示undefined
    null表示程序级的、正常的或在意料之中的值的空缺; 一般多使用null。

  Infinity和NaN
    都是number类型,
    Ifinity 表示无限大,超过JS的number所能够表示的最大值

    NaN 表示not a number,无法计算的结果。
      1.任何涉及NaN的操作(例如NaN*10,NaN/10)都会返会NaN。
      2.NaN与任何数值都不相等,包括NaN本身。
        NaN === NaN //false
        //唯一识别NaN的方法
          isNaN(NaN) //true
        isNaN():检测是否为非数字
          isNaN(null) //false
          null不是数值,该方法先尝试转为数值再判断,null转为数值是0,所以结果是false.
          isNaN(true); // false
          isNaN(null); // false
          isNaN(37); // false
          isNaN("37");// false
          isNaN("");// false: 空字符串被转换成0

  数值转换:

    number(),parseInt()和parseFloat()。 number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换为数值。

    console.log(0.1+0.2) //0.30000000000000004

    如果是Boolean,true和false将分别被转换为1和0。
    如果是数字值,只是简单传入和返回。
    如果是null值,返会0。
    如果是undefined,返回NaN。
    如果是字符串则较为复杂。
    parseInt()在转换字符串的时会忽略字符串前的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符或者是负号,返回NaN。

    Boolean():他不会对引号里面的数字进行自动进行转换。
    Boolean(0);//false
    Boolean('');//false
    Boolean(' ');//true
    Boolean(null)//false

    String()和toString()的区别和应用
    String()和toString()都是将其他类型的变量转换为字符串类型。

    .toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefined

    console.log(1.toString());//这种写法会报错语法错误
      这是因为javascript引擎在解释代码时对于“1.toString()”认为“.”是浮点符号,但因小数点后面的字符是非法的,所以报语法错误;而后面的“1..toString()和1.2.toStirng()”写法,javascript引擎认为第一个“.”小数点,的二个为属性访问语法,所以都能正确解释执行;对于“(1).toStirng()”的写法,用“()”排除了“.”被视为小数点的语法解释,所以这种写法能够被解释执行;

数据类型的检测

  1、typeof:检测数据类型
    可以把数据类型当作字符串返回,返回值是一个字符串 所以 typeof(typeof(a)) //string
    typeof null; //"object" 因为特殊值null被认为是一个空的对象引用。
    局限:对于array、null和对象,typeof一律返回object。对此可以通过instanceof来区分。

    typeof对于基本数据类型判断是没有问题的,但是遇到引用数据类型(如:Array,返回abject)是不起作用的。

    instanceof:判断一个变量是否是某个对象的实例 返回一个boolean 值
    instanceof 运算符判断一个对象是否是另一个对象的实例。返回true或false
    instanceof 运算符用来检测 constructor.prototype 是否存在于参数 obj 的原型链上(或者说:检测obj的原型链上是否存在constructor.prototype )

    缺点:
      1.只适用于对象类型
      2.只要当前的这个类在实例的原型链上,检测出来的结果都是true

      console.log("1" instanceof String); //false(
      new Number(1) instanceof Number //true
      console.log(1 instanceof Number); //false
      console.log(true instanceof Boolean); //false
      console.log([] instanceof Array); //true
      console.log(function(){} instanceof Function); //true
      console.log({} instanceof Object); //true

  constructor :属性返回对创建此对象的数组函数的引用。
      var test=new Array();
      test.constructor==Array //true

      Object.prototype.toString.call()

      var a = Object.prototype.toString;

      console.log(a.call("aaa"));
      console.log(a.call(1));
      console.log(a.call(true));
      console.log(a.call(null));
      console.log(a.call(undefined));
      console.log(a.call([]));
      console.log(a.call(function() {}));
      console.log(a.call({}));

最新文章

  1. 来吧,HTML5之基础标签(上)
  2. 邻接矩阵的深度优先遍历(java版)
  3. Visual对象之DrawingContext.DrawRectangle在有的状态下似乎并不能提高性能
  4. SVN使用之分支、合并
  5. [读书笔记]ASP.NET的URL路由引擎
  6. hdu 2087-剪花布条(KMP)
  7. maven依赖本地宝
  8. 初识JS
  9. Java HashMap并发死循环
  10. DS博客作业01—日期抽象数据类型设计与实现
  11. [Swift]LeetCode98. 验证二叉搜索树 | Validate Binary Search Tree
  12. Python 爬虫 JD商品-scrapy+requests
  13. Spring Boot - AMQP 消息中间件
  14. 寒假训练——搜索——C - Robot
  15. eclipse安装Spring Tool Suite 各个版本的方法
  16. 【转】C#异步的世界【上】
  17. BZOJ.1011.[HNOI2008]遥远的行星(思路 枚举)
  18. wifidog交叉编译
  19. Dropdown.js基于jQuery开发的轻量级下拉框插件
  20. WPF中的ImageBrush常用方式

热门文章

  1. NEUOJ 1702:撩妹全靠魅力值(CDQ分治三维偏序)
  2. 和朱晔一起复习Java并发(一):线程池
  3. 网络设置管理 NetSetMan Pro v4.7.1 Lite 绿色便携版
  4. ServiceFabric极简文档-4.0 开发环境搭建
  5. The Summer Training Summary-- the first
  6. delegate委托的例子,实现对Form中控件的更新
  7. 【转载】 JAVA三层架构,持久层,业务层,表现层的理解
  8. C#3.0新增功能09 LINQ 基础07 LINQ 中的查询语法和方法语法
  9. 关于ArcGIS api for JavaScript的一些内容
  10. linux初学者-sshd服务