<!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" onclick="ff()" />
<input type="button" value="stringToNumber" onclick="stringToNumber()" />
<input type="button" value="numberToString" onclick="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>
分享到:
相关推荐
JS中typeof与instanceof的区别
本文是对JS中typeof与instanceof之间的区别进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
JS:typeof instanceof constructor prototype区别
JS中typeof与instanceof之间的区别总结.docx
在javascript中,typeof 和 instanceof 是用来判断数据类型比较通用的两个方法,这篇文章的目的是通过对这两个方法介绍来分析其存在的不足并提出优化方案。 typeof ——————————————————————...
关于js typeof 与 instanceof 判断数据类型区别及开发使用.docx
typeof用以获取一个变量或者表达式的类型而instanceof用于判断一个变量是否某个对象的实例,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
使用它们总是不能直接的得到想要的结果,非常纠结,普遍的说法认为“这两个操作符或许是javascript中最大的设计缺陷,因为几乎不可能从他们那里得到想要的结果” typeof 说明:typeof返回一个表达式的数据类型的字符...
= “undefined”){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array,Null等特殊对象使用typeof一律返回object,这正是typeof的局限性。 如果我们希望获取一个对象是否是数组,或判断某个变量是否...
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。 它返回值是一个字符...
这次主要说说javascript的类型判断函数typeof和判断构造函数原型instanceof的用法和注意的地方。 typeof 先来说说typeof吧。首先需要注意的是,typeof方法返回一个字符串,来表示数据的类型。 typeof 是一个一元...
前端大厂最新面试题-typeof_instanceof.docx
输入类型允许将您的值与代表... // 'object'null instanceof Object //false [有趣的事实] Object.prototype与具有typeof和instanceof的null的结果相同正则表达式使用正则表达式文字,有人会希望typeof返回一个特定的值