typeof与instanceof

最新推荐文章于 2024-07-09 10:46:36 发布

web行路人

最新推荐文章于 2024-07-09 10:46:36 发布

阅读量307

点赞数

分类专栏： javascript 前端

本文链接：https://blog.csdn.net/qishuixian/article/details/53606957

版权

前端同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

javascript

19 篇文章 0 订阅

订阅专栏

1、typeof详细解析地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/typeof

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		//Number
		console.log(typeof 37);//输出Number
		console.log(typeof 3.14);//输出Number
		console.log(typeof Math.LN2);//输出Number
		console.log(typeof Infinity);//输出Number
		console.log(typeof NaN);//输出Number
        
        //string
        console.log(typeof "");//输出string
        console.log(typeof "qishuixian");//输出string
        console.log(typeof "111");//输出string

        //booleans
        console.log(typeof true);//输出boolean
        console.log(typeof false);//输出boolean

        //symbol
        console.log(typeof Symbol());//输出symbol
        console.log(typeof Symbol('foo'));//输出symbol
        console.log(typeof Symbol.iterator);输出symbol

        // Undefined
		console.log(typeof undefined); //输出undefined
		console.log(typeof declaredButUndefinedVariable); //输出undefined
		console.log(typeof undeclaredVariable); //输出undefined

		// Objects
		console.log(typeof {a:1})//输出object;
		console.log(typeof [1, 2, 4])//输出object;
		console.log(typeof new Date())//输出object;

		// function
		console.log(typeof function(){})//输出function;
		console.log(typeof Math.sin)//输出function;

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

2、instanceof 详细解析地址 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/instanceof

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

</head>
<body>
	<script type="text/javascript">
		console.log("instanceof运算符用来测试一个对象在其型链中是否存在一个构造函数的prototype");
		//定义构造函数
		function C(){};
		function D(){};
		var o=new C();
		console.log(o instanceof C);//true
		console.log(o instanceof D);//false
		C.prototype = {};
		var o2 = new C();
		console.log(o2 instanceof C); // true
		D.prototype = new C(); // 继承
		var o3 = new D();
		console.log(o3 instanceof D); // true
		console.log(o3 instanceof C); // true
	</script>
</body>
</html>

web行路人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
typeof与instanceof

typeof与instanceof Document //Number console.log(typeof 37);//输出Number console.log(typeof 3.14);//输出Numb
复制链接

扫一扫

专栏目录