`
zccst
  • 浏览: 3322736 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js基础知识点

 
阅读更多
一、js判断undefined类型

方法:
if (typeof(reValue) == "undefined") {
   alert("undefined");


typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"

批注:undefined是取的时候,没有该id结点。如果有该id结点,则一定是string,哪怕是空。
例如,
var ok = $("#ok_num_"+id).val();//一律都是string类型
if(!ok){
    ok = 0;
}
则ok一定是string,想获取为数字,必须转换(可使用parseInt() );

二、全局变量与局部变量
window.a  = 2;
局部变量的定义才用var

以下js代码会alert出什么:
var a = 1;
function test(){
      alert(a);
      var a =2;
}
test();

答案 undefined
解释 因为js会在方法内进行预解析,并将a变量声明入栈(仅入栈声明),而在alert时局部变量a尚未赋值,故undefined


三、数据类型转换
1. 转换函数:
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。

(1)parseInt()方法的示例:
parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

(2)parseFloat()方法的示例:
parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

(3)parseInt()与parseFloat()的区别
parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例

如下:
parseInt("AF", 16); //returns 175
parseInt("10", 2);  //returns 2
parseInt("10", 8 );  //returns 8
parseInt("10", 10); //returns 10
如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
parseInt("010");    //returns 8
parseInt("010", 8 ); //returns 8
parseInt("010", 10 );//returns 10

注:使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。


2. 强制类型转换
还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下:
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。
用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、

undefined或null,它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。
Boolean(""); //false – empty string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:
用法结果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

最后一种强制类型转换方法String()是最简单的,示例如下:
var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won’t work, causes an error


3. 利用js变量弱类型转换
举个小例子,一看,就会明白了。
<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>
上例利用了js的弱类型的特点,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的
分享到:
评论

相关推荐

    js基础知识点思维导图

    以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。

    js基础知识点总结-入门级别

    ### JavaScript基础知识点总结—入门级别 #### 一、JavaScript简介 JavaScript是一种主要应用于网页开发的脚本语言,它能够在客户端运行。通过JavaScript可以为网页添加动态效果,改善用户体验,例如实现网页元素...

    JavaScript语言基础知识点总结十张图

    本文将基于“JavaScript语言基础知识点总结十张图”这一主题,深入探讨JavaScript的基础概念、语法特性以及核心知识点。 1. **变量与数据类型** JavaScript有七种数据类型:Undefined、Null、Boolean、Number、...

    JavaScript基本知识点笔记.doc

    JavaScript基本知识点笔记.doc

    JavaScript 语言基础知识点总结(思维导图)_蜗牛.zip

    本文将深入探讨JavaScript的基础知识点,通过思维导图的形式帮助学习者更好地理解和记忆。 1. 变量与数据类型: JavaScript支持变量的动态类型,这意味着你无需在声明时指定其类型。主要有七种基本数据类型:...

    前端JS基础知识点及常考面试题汇总

    本篇内容将深入探讨前端JS基础知识点及其常考面试题,帮助面试者和开发者巩固基础,提升技能。 **变量与数据类型** 在JavaScript中,变量的声明使用`var`、`let`或`const`关键字。数据类型分为基本类型(如字符串、...

    JS中的基础知识点

    ### JavaScript基础知识点详解 #### JavaScript概述与执行位置 JavaScript是一种广泛应用于网页开发的脚本语言,主要用于客户端实现交互效果。JavaScript具有多种不同的执行位置,主要包括: 1. **内联脚本**:...

    JavaScript就这么回事 (JS基础知识整理)

    根据给定的信息,我们...以上就是从给定文件中提取出来的一些JavaScript基础知识点,它们涵盖了语言的基本语法、数据类型处理以及常见操作等方面。希望这些知识点能帮助初学者更好地理解和掌握JavaScript的基础知识。

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript所涵盖知识点超详细汇总.xmind

    超详细JavaScript知识点梳理总结树,大纲清晰明确,涵盖所有JS基础知识点,范围广且详细,超适合前端小白基础入门,你值得拥有!

    JavaScript基础知识总结.xmind

    通过思维导图的方式,快速了解掌握JavaScript的基本内容

    一个学习javascript的知识点

    JavaScript 基础知识点 JavaScript 是一门非常popular的编程语言,广泛应用于 Web 开发、移动应用开发、服务器端开发等领域。学习 JavaScript 需要掌握其基础知识点,本资源摘要信息将对 JavaScript 的基础知识点...

    js重点学习知识点详解

    整理JavaScript技术中最重要需要掌握的内容,通过对整理的知识点的学习。基本上在工作中开发就不会有什么问题。

    js基础知识测试题-答案.docx

    JavaScript 基础知识测试题答案解析 本资源是 JavaScript 基础知识测试题,包含选择题和程序题,共 50 道选择题和 4 道程序题,供员工考核使用。下面是对每道题的答案解析: 1. 下面符合一个有效的 JavaScript ...

    js基础知识18张脑图.zip

    这个"js基础知识18张脑图.zip"压缩包包含了18个关于JavaScript基础的图像化学习资料,通过脑图的形式帮助我们理解和记忆关键概念。以下是根据这些文件名所涉及的JavaScript知识点的详细解释: 1. **前端发展史**:...

    Javascript包含js基础和函数基础知识点.xmind

    js四天知识点总结

    JavaScript知识点思维导图

    这个“JavaScript知识点思维导图”涵盖了JavaScript的一些基础到进阶的概念,包括DOM操作、数据类型和数组等内容。让我们逐一深入探讨这些主题。 首先,JavaScript DOM(文档对象模型)基本操作是Web开发中的重要...

    Javascript基础五天知识点.xmind

    js基础知识点五天速成

    JavaScript基础知识思维导图(内涵大量常用知识点)

    JavaScript基础知识思维导图(内涵大量常用知识点)

    vue.js面试基础知识点

    vue.js面试基础知识点

Global site tag (gtag.js) - Google Analytics