js关键字typeof和instanceof的使用，以及js字符串与数字相互转化

最新推荐文章于 2023-08-20 00:01:12 发布

索隆

最新推荐文章于 2023-08-20 00:01:12 发布

阅读量1.7k

点赞数

分类专栏： JavaScript 文章标签： string button object function xhtml input

本文链接：https://blog.csdn.net/lushuaiyin/article/details/7927142

版权

JavaScript 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
</style>
<script src="jquery-1.7.js" type="text/javascript"></script>

</head>
<body>




<div id="dd"></div>
<input type="button" value="dv" οnclick="ff()" />
<input type="button" value="stringToNumber" οnclick="stringToNumber()" />
<input type="button" value="numberToString" οnclick="numberToString()" />
<input type="input" id="vv"  />

</body>
</html>

<script type="text/javascript">
function ff(){

var dv=document.getElementById("vv");

var a1=1;
alert("a1:"+a1+"--typeof--"+(typeof a1)+"--"+(a1 instanceof String));

var a2="ss";
alert("a2:"+a2+"--typeof--"+(typeof a2)+"--"+(a2 instanceof String));

var a3=false;
alert("a3:"+a3+"--typeof--"+(typeof a3)+"--"+(a3 instanceof String));

var a4=new String("dddd");
alert("a4:"+a4+"--typeof--"+(typeof a4)+"--"+(a4 instanceof String));

/*
typeof 后面跟对象，返回这个对象的类型；如下使用
var a1=1;
alert(typeof a1);

instanceof 后面跟方法名，返回这个对象是不是这个方法的一个实例；如下使用
function func(){
}
var aa=new func();
alert(aa instanceof func);

*/

}
/*
js中的对象时弱类型的，不像java有类型的严格区分。
但是这也导致一个问题，不同类型的变量的运算法则也就
略显复杂，比如：
var d1=1;
var d2="2";
var d3=3;
alert("d1+d2--"+(d1+d2));
alert("d1+d3--"+(d1+d3));
(d1+d2)是“12”，(d1+d3)是4.
弱类型不是没有类型，有其好处，也有缺点。
省去了类型的复杂定义，代价是计算规则的复杂不易理解。
字符串string和数字number还是不一样的。
利用typeof object可以看出其类型。关于两者的转化如下：
*/
function stringToNumber(){
var dv=document.getElementById("vv").value;
    //字符串类型赚数字类型，如下
	if(typeof dv=="string"){
	     var nn=parseInt(dv);//此方法转换异常时结果是NaN;会把字符串后面不是数字的字符过滤掉
         alert("nn:"+nn+"--typeof---"+typeof nn);
		 var nn2=parseFloat(dv);//此方法转换异常时结果是NaN;会把字符串后面不是数字的字符过滤掉
         alert("nn2:"+nn2+"--typeof---"+typeof nn2);
		 var nn3=new Number(dv);//Number，String对象的原型是Object
         alert("nn3:"+nn3+"--typeof---"+typeof nn3);
	}

}

function numberToString(){
	var v1=12;
	var v2=12.56;
	if(typeof v1=="number"){
	   alert("v1:"+v1+" is number");
	   var s1=v1.toString();//toString()转换
	   alert("s1:"+s1+"--typeof--:"+typeof s1);
	   var s2=new String(v1);//String对象的原型是Object
	   alert("s2:"+s2+"--typeof--:"+typeof s2);
	   var s3=""+v1;//最简单的是和一个空字符串相加就可以转换了
	   alert("s3:"+s3+"--typeof--:"+typeof s3);
	}
	//if(typeof v2=="number"){
	 //  alert("v2 is number");
	//}
}
</script>