首页 > 编程语言 >javascript:得到变量类型的方法(chrome 105.0.5195.125)

javascript:得到变量类型的方法(chrome 105.0.5195.125)

时间:2022-10-06 21:45:30浏览次数:83  
标签:5195.125 console log chrome javascript toString typeof new call

一,js代码:

<html>
<head>
    <meta charset="utf-8"/>
    <title>测试</title>
</head>
<body>
<script>
//一,用typeof 得到变量的类型

let one = 'a';
console.log(typeof one);

one = 1;
console.log(typeof one);

one = true;
console.log(typeof one);

one = Symbol();
console.log(typeof one);

one = undefined;
console.log(typeof one);

one = new Function();
console.log(typeof one);

//二,用toString.call得到变量的类型

one = 'a';
console.log(typeof one);
console.log(toString.call(one));
one = 1;
console.log(typeof one);
console.log(toString.call(one));
one = true;
console.log(typeof one);
console.log(toString.call(one));
one = Symbol();
console.log(typeof one);
console.log(toString.call(one));
one = undefined;
console.log(typeof one);
console.log(toString.call(one));
one = new Function();
console.log(typeof one);
console.log(toString.call(one));
//说明:可以看到 对象,null,数组,Date,Error等被typeof统一识别成 object
//     这种情况下使用toString.call更准确
one = null;
console.log(typeof one);
console.log(toString.call(one));
one = {};
console.log(typeof one);
console.log(toString.call(one));
one = [1,2,3];
console.log(typeof one);
console.log(toString.call(one));
one = new RegExp();
console.log(typeof one);
console.log(toString.call(one));
one = new Date();
console.log(typeof one);
console.log(toString.call(one));
one = new Error();
console.log(typeof one);
console.log(toString.call(one));
one = window;
console.log(typeof one);
console.log(toString.call(one));
one = document;
console.log(typeof one);
console.log(toString.call(one));

//三,用instanceof判断是否某个类的实例:

function A(name,age){
  this.name = name;
  this.age = age;
}

let a = new A('张三',18);
console.log(a instanceof A);

class myClass{
    constructor(name,age){
        this.name=name
        this.age=age
    }
}
let i=new myClass('小明',18);
console.log(i instanceof myClass);
console.log(i instanceof A);
console.log(typeof i);
console.log(toString.call(i));

//四,constructor方法,因为不支持undefined和null,不再举例

</script>
</body>
</html>

说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest

         对应的源码可以访问这里获取: https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明:作者:刘宏缔 邮箱: [email protected]

二,测试效果

三,查看chrome的版本:

 

标签:5195.125,console,log,chrome,javascript,toString,typeof,new,call
From: https://www.cnblogs.com/architectforest/p/16758567.html

相关文章

  • javascript类型转换
    转换为数字(调用Number(),parseInt(),parseFloat()方法)转换为字符串(调用.toString()或String()方法)转换为布尔值(调用Boolean()方法)需要注意的是:null、undefined没......
  • 「前端料包」深入理解JavaScript原型和原型链
    1.前言关于JS原型和原型链我之前刚学js就有写过一篇学习笔记形式的博客,但前两天翻出来一看——什么鬼,这是我写的吗?自己都看不懂了,于是我重新整理思路,今天「前端料包」......
  • 「前端料包」可能是最透彻的JavaScript数据类型详解
    前言接触写博客有一段时间了,都是边学边学着写,但总感觉写的凌乱,想起啥写啥。这几天在刷红宝书,收获还是蛮多的,决定结合自己的学习,写一个系列,我叫它「前端料包」,旨在巩固前端......
  • JavaScript_大文件切片上传
    bigfile-chunk-upload功能大文件截取分块上传,带请求并发控制、错误重发功能。教程(以Vue为例)下载npminstallbigfile-chunk-upload引入//page.vueimportbigFile......
  • JavaScript 面试问题
    参考:https://github.com/lydiahallie/javascript-questions/语法......
  • 深入理解 JavaScript
    原型和继承__proto__属性对象有一个隐藏属性[[Prototype]],指向其原型(父类型),如果没有原型则为null。从对象中读取一个不存在的属性时,会自动往原型中查找这个属性,这就......
  • JavaScript 基础
    1.对象对象创建创建对象的两种方法:构造函数:letuser=newObject();字面量:letuser={};对象是属性可以随意添加:点号:user.name="Mason"方括号:user["age"]=26......
  • 如何将一个 JavaScript 数组打乱顺序
    当我们想将现有的数组打乱顺序,有两个方法:1.Array.prototype.sort()数组的sort()方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串......
  • chrome重启后丢失扩展的问题
    问题:chrome安装了键盘浏览网页的扩展后,每次重启都丢失扩展。原因:后来发现是因为我使用的开发者模式安装的扩展:首先解压缩了crx格式的扩展程序,然后用开发者模式加载了解压......
  • JavaScript回调函数
    在百度百科中,回调函数的定义就是一个被作为参数传递的函数。通俗地理解:我现在写一个函数,里面定义了函数A,那么函数A就是回调函数。以前我认为JavaScript不过是......