java script数据类型_javascript 六种数据类型

js的数据类型和常见隐式转化逻辑。

一、六种数据类型

437988ffefede225f503dbd8c525bdae.png

原始类型(基本类型):按值访问,可以操作保存在变量中实际的值。原始类型汇总中null和undefined比较特殊。

引用类型:引用类型的值是保存在内存中的对象。

* 与其他语言不同的是,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。所以引用类型的值是按引用访问的。

二、隐式转换

1、+和-

巧用+和-规则转换类型

把变量转换成数字:num-0;

把变量转换成字符串:num+'';

2、a==b

7822c47cf55c427069253a1c3bc7f225.png

类型相同,同===

类型不同,尝试类型转换和比较:

c333d4380992ae6d4e37a0375acde9d8.png

3、a===b

类型不同,返回false

类型相同:

10ea5f04d5ea842ebb063a2b2c1bb47d.png

三、包装对象

基本类型中的number,string和boolean都有对应的包装类型。

523aee1f000b9abefcb317623c2fa675.png

f55917219f8eb2e317bdcdbc02c78648.png

把一个基本类型尝试用对象的方式使用它的时候,比如访问length属性,或者增加一些属性的操作时,javascript会把这些基本类型转化为对应的包装类型对象。完成这样一个访问比如a.length返回以后或者a.t设置了以后,这个临时对象会被销毁掉。所以a.t赋值3了以后,再去输出a.t值是undefined。

ca4916ac29eae341f5f3ca3b71bd5fba.png

str,number和true都有包装类型,所以可以把数字用括号括起来调用toString()方法

8fb38e517e584a4f4f22e45df774509f.png

四、类型检测

javascript中类型检测方法有很多:

typeof

instanceof

Object.prototype.toString

constructor

duck type

1、typeof

最常见的就是typeof:

413ae5a3eb9591b7bc64040f9ad7d311.png

比较特殊的是typeof null返回“object”。

历史原因,规范尝试修改typeof null返回“null”修改完大量网站无法访问,为了兼容,或者说历史原因返回"object"。

typeof对基本类型和函数对象很方便,但是其他类型就没办法了。

判断一个对象是不是数组?用typeof返回“object”。对对象的判断常用instanceof。

2、instanceof

基于原型链操作。obj instanceof Object。

左操作数为对象,不是就返回false,右操作数必须是函数对象或者函数构造器,不是就返回typeError异常。

原理:判断左边的左操作数的对象的原型链上是否有右边这个构造函数的prototype属性。

97623f47ce21b284bf6aea74a0356b68.png

任何一个构造函数都有一个prototype对象属性,这个对象属性将用作new出来的对象的原型。

bosn instanceof Person的时候发现bosn的原型也就是Student.prototype不等于Person.prototype,所以原型链还会向上查找,bosn的原型的原型等于Person.prototype所以返回true。

91bcb37f82ea570cca4edc617fc401ac.png

instanceof在判断对象是不是数组,Data,正则等时很好用。

instanceof坑:不同window或iframe之间的对象类型检测不能使用instanceof!

3、Object.prototype.toString

d1ae38a231d3452459c089ff25b550ec.png

需要注意的是IE6/7/8中 Object.prototype.toString.apply(null)返回“[object Object]”。

4、constructor

98f522a0aa06e1b08fb8aaf8fe4c61e6.png

任何对象都有constructor属性,继承自原型的,constructor会指向构造这个对象的构造器或者构造函数。

constructor可以被改写,所以使用要小心。

5、duck type

比如不知道一个对象是不是数组,可以判断它的length是不是数字,它是不是有join,push这样一些数组的方法。通过一些特征判断对象是否属于某些类型,这个有时候也常用。

总结:

8d4df87fce9dfc6f9369935ae02abdc8.png

62f1a842fb648682038c549064a6c7a1.png

6、如何检测一个变量是字符串

有另外一种方法:将变量和空字符拼接后再和原来变量做全等判断

var str="hello";

var temp=str+'';

temp===str

//true

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/419728.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

RatingBar的自定义

RatingBar的实现其实是很简单的&#xff0c;只要在xml布局文件中写就行了 范例&#xff1a; 在主布局文件中&#xff0c;只需要写<RatingBar/>即可 main.xml 1 <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"2 xmlns:tools&q…

python中什么最重要_Python 3中被忽视了的三大重要功能

全文共2201字&#xff0c;预计学习时长6分钟图源&#xff1a;unsplashPython 3上线已有一段时间&#xff0c;大多数开发人员(特别是那些首次编程的人)已经在使用它了。不过&#xff0c;你确定已经对Python 3研究透彻了吗&#xff1f;事实上&#xff0c;其中还有许多新功能对大多…

Java基础总结(一)

1. 面向对象的特征面向对象的特征包括抽象、封装、继承和多态。 抽象就是忽略一个主题中与当前目标无关的某些方面&#xff0c;以便更加充分的注意到与当前目标有关的方面。抽象并不打算了解全部的问题&#xff0c;而只是其中的一部分&#xff0c;暂时不用考虑细节。抽象包括两…

java 2分代复制垃圾回收_Java对象的后事处理——垃圾回收(二)

1 先谈Finalize()finalize()能做的所有工作&#xff0c;使用try-finally或者其他方式都可以做得更好、更及时&#xff0c;所以笔者建议大家完全可以忘掉Java语言中有这个方法的存在。——《深入理解JVM》finalize()方法确实可以实现一次对象的自救&#xff0c;但是其不确定性和…

前端学习(1555):ng-app指令

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title> </head> <!-- 需…

前端学习(1556):ng-blnd指令

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title> </head> <!-- 需…

标准输入输出重定向

程序会在运行中输出日志&#xff0c;并是通过java的日志类进行输出的。而如果关掉SSH运行程序&#xff0c;就会丢失这些信息。直观的解决办法是将输出到控制台的日志重定向到文件中&#xff0c;于是我将命令改为&#xff1a;sh auto.sh > console.txt &。不过事实并没像…

Java虚拟机学习 - 体系结构 内存模型(转载)

一&#xff1a;Java技术体系模块图二&#xff1a;JVM内存区域模型1.方法区 也称"永久代” 、“非堆”&#xff0c; 它用于存储虚拟机加载的类信息、常量、静态变量、是各个线程共享的内存区域。默认最小值为16MB&#xff0c;最大值为64MB&#xff0c;可以通过-XX:PermSiz…

前端学习(1558):ng-repeat命令

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title> </head> <!-- 需…

前端学习(1559):ng-classt隔行变色

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title><style>.red {color:…

在Win7虚拟机下搭建Hadoop2.6.0伪分布式环境

近几年大数据越来越火热。由于工作需要以及个人兴趣&#xff0c;最近开始学习大数据相关技术。学习过程中的一些经验教训希望能通过博文沉淀下来&#xff0c;与网友分享讨论&#xff0c;作为个人备忘。 第一篇&#xff0c;在win7虚拟机下搭建hadoop2.6.0伪分布式环境。 1. 所需…

前端学习(1560):ng-class颜色切换

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title><style>.red {backgr…

MVC常见的控制器,接口,数据层之间的操作

user_books_info 类 namespace CiWong.LearningLevel.Mapping {public class user_books_info{/// <summary>/// 使用对象ID,个人版存放会员ID&#xff0c;班级版存放班级ID&#xff0c;校园版存放校园ID/// </summary>public long user_id { get; set; }/// <s…

前端学习(1561):ng-class颜色切换

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title><style>.red {color:…

S3C6410 裸机硬件JPEG解码(转)

源&#xff1a;S3C6410 裸机硬件JPEG解码转载于:https://www.cnblogs.com/LittleTiger/p/4681864.html

java layoutmanager_Java Swing 探索(一)LayoutManager

BorderLayout FlowLayout GridLayout GridBagLayout CardLayout BoxLayout1.BorderLayoutjava.lang.Object--java.awt.BorderLayout将版面划分成东、西、南、北、中五个区域&#xff0c;将添加的组件按指定位置放置。BorderLayout.EAST BorderLayout.WEST BorderLay…

解决虚拟机VMware安装CentOS7.0识别不到网卡

由于Vmware虚拟网卡和linux兼容问题导致驱动无法正常安装&#xff0c;默认的网卡类型不兼容. 解决方法 找到我们的Vmware虚拟机文件夹&#xff0c;将VMware 虚拟机配置 (.vmx)&#xff0c;追加一条设置我们网卡类型 ethernet0.virtualDev "e1000" 原因 VMware 都在虚…

前端学习(1562):ng-hide,ng-show

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>ng-app指令</title><style>.red {color:…