javascript 六种数据类型
<p>js的数据类型和常见隐式转化逻辑。</p><h1>一、六种数据类型</h1>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205164840214-221836365.png"></p>
<p>原始类型（基本类型）：按值访问，可以操作保存在变量中实际的值。原始类型汇总中null和undefined比较特殊。</p>
<p>引用类型：引用类型的值是保存在内存中的对象。</p>
<p>* 与其他语言不同的是，JavaScript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。所以引用类型的值是按引用访问的。</p>
<h1>二、隐式转换</h1>
<h2>1、+和-</h2>
<p>巧用+和-规则转换类型</p>
<p>把变量转换成数字：num-0;</p>
<p>把变量转换成字符串：num+'';</p>
<h2>2、a==b</h2>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205165950604-321818925.png"></p>
<p>类型相同，同===</p>
<p>类型不同，尝试类型转换和比较：</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205170602136-335105450.png"></p>
<h2>3、a===b</h2>
<p>类型不同，返回false</p>
<p>类型相同：</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205170400667-998383640.png"></p>
<h1>三、包装对象</h1>
<p>基本类型中的number,string和boolean都有对应的包装类型。</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205171013917-1412104480.png"></p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205171637745-731773043.png"></p>
<p>把一个基本类型尝试用对象的方式使用它的时候，比如访问length属性，或者增加一些属性的操作时，javascript会把这些基本类型转化为对应的包装类型对象。完成这样一个访问比如a.length返回以后或者a.t设置了以后，这个临时对象会被销毁掉。所以a.t赋值3了以后，再去输出a.t值是undefined。</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205171919323-948929808.png"></p>
<p>str，number和true都有包装类型，所以可以把数字用括号括起来调用toString()方法<img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205172013823-480756085.png"></p>
<h1>四、类型检测</h1>
<p>javascript中类型检测方法有很多：</p>
<ul>
<li>typeof</li>
<li>instanceof</li>
<li>Object.prototype.toString</li>
<li>constructor</li>
<li>duck type</li>
</ul>
<h2 id="typeof">1、typeof</h2>
<p>最常见的就是typeof:</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205172450401-644571910.png"></p>
<p> 比较特殊的是typeof null返回“object”。</p>
<p>历史原因，规范尝试修改typeof null返回“null”修改完大量网站无法访问，为了兼容，或者说历史原因返回"object"。</p>
<p>typeof对基本类型和函数对象很方便，但是其他类型就没办法了。</p>
<p>判断一个对象是不是数组？用typeof返回“object”。对对象的判断常用instanceof。</p>
<h2 id="instanceof">2、instanceof</h2>
<p>基于原型链操作。obj instanceof Object。</p>
<p>左操作数为<strong>对象</strong>，不是就返回false,右操作数必须是<strong>函数对象</strong>或者<strong>函数构造器</strong>，不是就返回typeError异常。</p>
<p>原理：判断左边的左操作数<strong>的</strong>对象<strong>的</strong>原型链上是否有右边这个构造函数<strong>的prototype属性</strong>。</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205174913011-1233338615.png"></p>
<p> 任何一个构造函数都有一个prototype对象属性，这个对象属性将用作new出来的对象的原型。</p>
<p>bosn instanceof Person的时候发现bosn的原型也就是Student.prototype不等于Person.prototype，所以原型链还会向上查找，bosn的原型的原型等于Person.prototype所以返回true。</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205175818776-1720775842.png"></p>
<p>instanceof在判断对象是不是数组，Data，正则等时很好用。</p>
<p>instanceof<strong>坑</strong>：<strong>不同</strong>window或iframe之间的对象类型检测<strong>不能</strong>使用instanceof！</p>
<h2>3、Object.prototype.toString</h2>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205180701151-1983442919.png"></p>
<p>需要注意的是IE6/7/8中 Object.prototype.toString.apply(null)返回“”。</p>
<h2>4、constructor</h2>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205181029933-809831986.png"></p>
<p>任何对象都有constructor属性，继承自原型的，constructor会指向构造这个对象的构造器或者构造函数。</p>
<p>constructor可以被改写，所以使用要小心。</p>
<h2>5、duck type</h2>
<p> 比如不知道一个对象是不是数组，可以判断它的length是不是数字，它是不是有join,push这样一些数组的方法。通过一些特征判断对象是否属于某些类型，这个有时候也常用。</p>
<p> </p>
<p>总结：</p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170206095340447-2024526735.png"></p>
<p><img src="https://images2015.cnblogs.com/blog/315302/201702/315302-20170205181516839-472825218.png"></p>
<h2>6、如何检测一个变量是字符串</h2>
<p>有另外一种方法：将变量和空字符拼接后再和原来变量做全等判断</p>
<div class="cnblogs_code">
<pre>var str="hello";
var temp=str+'';
temp===str
//true</pre>
</div>
</div>
<div id="MySignature" role="contentinfo">
梅花香自古寒来<br><br>
来源：https://www.cnblogs.com/zhuyeshen/p/10997893.html
頁:
[1]