javaScript中数据类型、==、===、typeof、instanceof、null、undefined等知识点

Bertha 。 2022-11-12 10:54 239阅读 0赞

**直接上代码和截图**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1][]

![20210323211230789.png][]

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 2][]

<script type="text/javascript">
    var v1 = {};
    var roles = ['任盈盈', '黄蓉', '周芷若'];
    var citys = new Array('香港', '深圳', '澳门');
    var superStars = new Array(3);
    superStars[0] = "范冰冰";
    superStars[1] = "关晓彤";
    superStars[2] = "古力娜扎";
    //object object object object
    console.log(typeof v1, typeof roles, typeof citys, typeof superStars);
    //object object object object
    console.log(typeof(v1), typeof(roles), typeof(citys), typeof(superStars));
    console.log(citys instanceof Array, citys instanceof Object);//true true
    console.log([] instanceof Array, [] instanceof Object) // true true
    console.log({} instanceof Object, {} instanceof Array) // true false
    // console.log((()=>{}) instanceof Function) // true
    console.log("******************************");
    
    var x = 7;
    var y = false; // 0
    var z = true; // 1
    //布尔型和数字型相加的时候，true的值为1，false的值为0
    console.log(x + y, x + z);//7 8
    
    var s1;
    var s2 = null;
    var s3 = 666.55;
    var s4 = 888;
    var s5 = {};
    var s6 = [];
    var s7 = true;
    var s8 = "于都县";
    //undefined object number number
    console.log(typeof s1, typeof s2, typeof s3, typeof s4);
    //object object boolean string
    console.log(typeof s5, typeof s6, typeof s7, typeof s8);
    
    //==和===区别： ==只比较值，(===其实就是严格等，也叫严等，===既比较值也比较类型)
    //==运算符，会发生隐式类型转换
    //true true true true true true
    console.log(100 == '100', 0 == '', 0 == false, 1 == true, false == '', false == "");
    //false false false false false false
    console.log(100 === '100', 0 === '', 0 === false, 1 === true, false === '', false === "");
    
    //通常我们在所有地方都使用===，在判断null或者undefined时使用==
    //true false
    console.log(null == undefined, null === undefined);
    var t;
    //true true
    console.log(t == undefined, t == null);
    //true false
    console.log(t === undefined, t === null);
    //t == null相当于(t === null || t === undefined)
    console.log(t == null, (t === null || t === undefined));//true true
    
    console.log(null == Object, null === Object);//false false
    //boolean object false false
    console.log(typeof (null === Object), typeof null, typeof null === Object, typeof null == Object);
    //false false
    console.log(typeof null === null, typeof null == null);
    //true true
    console.log(typeof null === 'object', typeof null == 'object');
    //true true
    console.log(typeof null === "object", typeof null == "object");
    </script>

**javaScript中，琐碎的知识点还有很多，以后有时间再写写其他的知识点。**

**最近有点懒，写文章都有点像记流水账了，这样不好不好！**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221022/9d07b08df25047c3a1784ee1bbd5b6c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1]: /images/20221022/b56ff30a17e74fc4a6d1cd57d8d5f80c.png
[20210323211230789.png]: /images/20221022/f44f4b8140da4a01babbfc974e675e9a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 2]: /images/20221022/c7ca072834624aa79b2b9fb63877f593.png

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript知识点

Javascript 它是一种脚本语言，可以用来更改页面内容，控制多媒体，制作图像、动画等等例子修改页面内容 js 代码位置 <script>

r囧r小猫/ 2024年03月25日 10:11/ 0 赞/ 107 阅读

相关 javaScript中arguments.callee知识点

[javaScript中递归和arguments.callee][javaScript_arguments.callee] [javaScript中递归和arguments

淩亂°似流年/ 2022年11月15日 12:21/ 0 赞/ 149 阅读

相关 javaScript中数据类型、==、===、typeof、instanceof、null、undefined等知识点

直接上代码和截图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Bertha 。/ 2022年11月12日 10:54/ 0 赞/ 240 阅读

相关 web前端面试-------javaScript基础知识点之数据类型

马上准备面试了，之前一直在学习web的时候，都没来得及总结有关javaScript的知识点，因为在总结了很多前端面试题的奇怪问题后，写了个清单，并根据我所学知识和容易出现的错误

墨蓝/ 2022年07月16日 00:11/ 0 赞/ 224 阅读

相关 javascript中的数据类型

原始数据类型： undefined: 声明变量后为赋值则为undefined类型一般为计算机默认 null：声明变量后赋值为空一般人为设置

妖狐艹你老母/ 2022年06月16日 12:58/ 0 赞/ 339 阅读

相关 MySQL知识点总结(四)---数据类型

-------------------- 数值类型日期和时间类型字符串类型 -------------------- 数值类

淩亂°似流年/ 2022年05月17日 11:19/ 0 赞/ 202 阅读

相关 Javascript知识点

<!doctype html> <html> <head> <meta charset="utf-8"> <title>万能的文萱大王崛

电玩女神/ 2022年04月12日 13:45/ 0 赞/ 317 阅读

相关 javascript知识点

1.判断对象或数组类型。 let isArray = arrfn => Object.prototype.toString.call(arrfn)==='[objec

朴灿烈づ我的快乐病毒、/ 2022年01月22日 02:35/ 0 赞/ 339 阅读

相关 javaScript知识点

1、Function实例化js方法对象，既是方法，也是对象。它基于原型，继承自Object，可以用方法toString(),valueOf() 2、闭包有利于保持变量安全，但

迷南。/ 2021年11月30日 01:06/ 0 赞/ 367 阅读

相关 JavaScript 中的数据类型

一.JavaScript 中的数据类型（重要） (1).基本数据类型（又称值类型） a.String 字符串: 特点：用双引号或单引号多包裹的内容。如：”123

雨点打透心脏的1/2处/ 2021年09月14日 07:22/ 0 赞/ 482 阅读