聊聊js中的typeof
内容：
1.typeof
2.值类型和引用类型
3.强制类型转换
typeof
官方文档：typeof
1.作用：
操作符返回一个字符串，指示未经计算的操作数的类型。
2.语法：
typeof operand
参数：operand 是一个表达式，表示对象或原始值，其类型将被返回。
3.返回值：
| 类型 | 结果 |
|---|---|
| Undefined | "undefined" |
| Null | "object"（见下文） |
| Boolean | "boolean" |
| Number | "number" |
| String | "string" |
| Symbol （ECMAScript 6 新增） | "symbol" |
| 宿主对象（由JS环境提供） | Implementation-dependent |
| 函数对象（[[Call]] 在ECMA-262条款中实现了） | "function" |
| 任何其他对象 | "object" |
4.示例：
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<title>typeof返回值有哪些类型</title>
<script type="text/javascript">
// Numbers
console.log(typeof 37); //number
console.log(typeof Math.LN2); //number
console.log(typeof NaN); // number 尽管NaN是"Not-A-Number"的缩写
// Strings
console.log(typeof "bla"); // string
console.log(typeof ""); // string
console.log(typeof(typeof 1)); // string typeof总是返回一个字符串
// Booleans
console.log(typeof true); //boolean
// // Symbols
console.log(typeof Symbol()); //symbol
console.log(typeof Symbol('foo')); //symbol
// Undefined
console.log(typeof undefined); //undefined
// Objects
console.log(typeof { a: 1 }); //object
console.log(typeof null); //object 从一开始出现JavaScript就是这样的
// 使用Array.isArray 或者 Object.prototype.toString.call
// 区分数组,普通对象
console.log(typeof [1, 2, 4]); //object
console.log(typeof new Date()); //object
// 下面的容易令人迷惑，不要使用！
console.log(typeof new Boolean(true)); //object
console.log(typeof new Number(1)); //object
console.log(typeof new String("abc")); //object
// 函数
console.log(typeof function() {}); //function
console.log(typeof class C {}); //function
console.log(typeof new Function()); //function
</script>
</head> <body>
</body> </html>
从上面的示例得出：
js中使用typeof能得到的类型有：undefined、string、number、boolean、object、function。
typeof只能区分值类型的详细类型，而对于引用类型就不行了。
看完typeof我们顺便来聊聊值类型和引用类型：
| 数据类型 | 基本/引用类型 |
|---|---|
| undefined | 基本类型 |
| null | 基本类型 |
| number | 基本类型 |
| boolean | 基本类型 |
| string | 基本类型 |
| function | 引用类型 |
| object | 引用类型 |
1.示例：
var a=1,b=a;
a=2;
console.log('a:'+a);//a:2
console.log('b:'+b);//b:1
//上面，b获取值是a值的一份拷贝，虽然，两个变量的值是相等，但是两个变量保存两不同的基本数据类型值。b只是保存了a复制的一个副本。所以，当a的值改变时，b的值依然是1;
var a={'age':20},b=a;
a.age=22;
console.log('a:'+JSON.stringify(a));//a:{"age":22}
console.log('b:'+JSON.stringify(b));//b:{"age":22}
b.age=11;
console.log('a:'+JSON.stringify(a));//a:{"age":11}
console.log('b:'+JSON.stringify(b));//b:{"age":11}
// 我们声明了一个引用数据类型变量a，并把它赋值给了另外一个引用数据类型变量b。当我们任意改变a、b其中一个的age属性值时，a、b的age属性都会发生变化。说明这两个引用数据类型变量指向同一个堆内存对象。a赋值给b，实际只是把这个堆内存对象在栈内存的引用地址复制了一份给了b，但它们本质上共同指向了同一个堆内存对象。
顺带说说强制类型转换
1.字符串拼接
var a=100+10;
console.log(a); //
var b=100+'10';
console.log(b);//
2.==运算符
console.log(100=='100');//true
console.log(0=='');//true
console.log(null==undefined);//true
3.if语句
var c=true;
if(c){
console.log('is true');//执行
}else {
console.log('is false');
}
var d=100;
if(d){
console.log('is true');//执行
}else {
console.log('is false');
}
var d='';
if(d){
console.log('is true');
}else {
console.log('is false');//执行
}
4.逻辑运算
console.log(10&&0);//
console.log(''||'ab');//'ab'
console.log(!window.abc);//true window.abc undefined 取反则为true
//判断一个变量是 true还是false可以给其前面加 ！！
var a=100;
console.log(!!a);//true
以下内容来此：ECMAScript 类型转换
5.Boolean() 函数
当要转换的值是至少有一个字符的字符串、非 0 数字或对象时，Boolean() 函数将返回 true。如果该值是空字符串、数字 0、undefined 或 null，它将返回 false。
var b1 = Boolean(""); //false - 空字符串
var b2 = Boolean("hello"); //true - 非空字符串
var b1 = Boolean(50); //true - 非零数字
var b1 = Boolean(null); //false - null
var b1 = Boolean(0); //false - 零
var b1 = Boolean(new object()); //true - 对象
6.Number() 函数
Number() 函数的强制类型转换与 parseInt() 和 parseFloat() 方法的处理方式相似，只是它转换的是整个值，而不是部分值。
还记得吗，parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串，因此 "1.2.3" 将分别被转换为 "1" 和 "1.2"。
用 Number() 进行强制类型转换，"1.2.3" 将返回 NaN，因为整个字符串值不能转换成数字。如果字符串值能被完整地转换，Number() 将判断是调用 parseInt() 方法还是 parseFloat() 方法。
下表说明了对不同的值调用 Number() 方法会发生的情况：
| 用法 | 结果 |
|---|---|
| Number(false) | 0 |
| Number(true) | 1 |
| Number(undefined) | NaN |
| Number(null) | 0 |
| Number("1.2") | 1.2 |
| Number("12") | 12 |
| Number("1.2.3") | NaN |
| Number(new object()) | NaN |
| Number(50) | 50 |
7.String() 函数
最后一种强制类型转换方法 String() 是最简单的，因为它可把任何值转换成字符串。
要执行这种强制类型转换，只需要调用作为参数传递进来的值的 toString() 方法，即把 12 转换成 "12"，把 true 转换成 "true"，把 false 转换成 "false"，以此类推。
强制转换成字符串和调用 toString() 方法的唯一不同之处在于，对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误：
var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //会引发错误
聊聊js中的typeof的更多相关文章
- Ext JS中的typeOf
Ext JS中的typeOf:以字符串格式,返回给定变量的类型 其中对字符串对象.元素节点.文本节点.空白文本节点判断并不准确 测试代码如下: <!DOCTYPE HTML PUBLIC &qu ...
- 浅谈JS中的typeof和instanceof的区别
JS中的typeof和instanceof常用来判断一个变量是否为空,或者是什么类型. typeof typeof运算符返回一个用来表示表达式的数据类型的字符串. typeof一般返回以下几个字符串: ...
- js中的typeof name
js中的name 使用typeof name得到 string.. 因为name是全局变量,可以在任意浏览器中使用 . cosole.dir(window)查看.. console.log(type ...
- 咱们来聊聊JS中的异步，以及如何异步，菜鸟版
为什么需要异步?why?来看一段代码. 问题1: for(var i=0;i<100000;i++){ } alert('hello world!!!'); 这段代码的意思是执行100...次后 ...
- 一文搞懂js中的typeof用法
基础 typeof 运算符是 javascript 的基础知识点,尽管它存在一定的局限性(见下文),但在前端js的实际编码过程中,仍然是使用比较多的类型判断方式. 因此,掌握该运算符的特点,对于写出好 ...
- javascript js中的typeof使用
typeof运算符介 绍:typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型.它返回值是一个字符串,该字符串说明运算数的类型. 你 知道下面typeof运算的结果吗? typeof ...
- js中的typeof
typeof的几种返回结果的分类: 转自:http://www.360doc.com/content/14/0718/15/8790037_395279403.shtml typeof运算符介 绍:t ...
- js 中使用typeof
>typeof(null) <"object" 对null执行typeof预算,结果返回字符串'object',也就是说,可以将null认为是一个特殊的对象值,含义是“ ...
- js中的typeof和instanceof和===
typeof: 用于判断number/string/boolean/underfined类型/function 不能判断:null和object ,不能区分object和Array instanceo ...
随机推荐
- springMVC+spring+MyBatis(SSM)的简单配置
SSM(Spring+SpringMVC+MyBatis)框架集由Spring.SpringMVC.MyBatis三个开源框架整合而成,常作为数据源较简单的web项目的框架. 其中: Spring是一 ...
- java中“==”号的运用
对于值类型,“==”号会判断其是否相等 对于引用类型,“==”对于引用类型则会判断引用(内存地址)是否相同,“==”运算只是调用了对象的equal()方法 public static void mai ...
- socket.io 入门篇（三）
本文原文地址:https://www.limitcode.com/detail/5926e3a056fba70278bf2044.html 前言 上篇我们介绍了 socket.io 中room的概念和 ...
- mysql数据库相关知识
什么是数据库? 数据库(Database)是按照数据结构来组织.存储和管理数据的建立在计算机存储设备上的仓库.(来自:百度) 什么是sql? 结构化查询语言(Struct ...
- 01_Python简介
Python 简介 *为什么学习python http://bbs.fishc.com/thread-35584-1-1.html Python 特点 易于学习:Python有相对较少的关键字,结构简 ...
- 认识 Less
CSS(层叠样式表)是一项出色的技术,它使得网页的表现与内容完全分离,使网站维护工作变得更容易,不会因为内容的改变而影响表现,也不会因为表现的改变而影响内容. 作为一门标记性语言,CSS 的先天性优点 ...
- Android开发之漫漫长途 番外篇——自定义View的各种姿势2
该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...
- 51Nod 1001 数组中和等于K的数对 Set
给出一个整数K和一个无序数组A,A的元素为N个互不相同的整数,找出数组A中所有和等于K的数对.例如K = 8,数组A:{-1,6,5,3,4,2,9,0,8},所有和等于8的数对包括(-1,9),(0 ...
- Python函数篇（4）之迭代器与生成器
1.文件操作的"b模式"(补充) 在上一篇文章中,我在最后一部分写了文件处理的一些方法,但是觉得还是有必要再提一下如下的内容: 像rb.wb.ab这种模式,是以字节的形式操作,需要 ...
- Postgres中表和元组的组织方式
PG version 9.5.3 PG中四种堆文件: 普通堆 临时堆 序列堆 TOAST表 PageHeaderData长度为24(截图为8.4版本,20字节)个字节包含的内容如下: 空闲空间的起始和 ...