`

javascript

阅读更多

JavaScript中共包含6种类型的预定义函数:

 

(1) eval函数

 

eval(expr) 将对expr进行求值。expr的最终结果应该是一个数字字符串,比如:“342”,‘34‘等,而不是像"fd32",'fda3‘这样。运用 eval()函数的目的是将字符串变为数字。expr可以是一个表达式,也可以是一个或多个JavaScript语句。

 

示例代码:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. <script language="JavaScript" >  
  5. function  computer(num)  
  6. {  
  7.    return  eval(num)+eval(num);  
  8. }  
  9. </script>  
  10. </head>  
  11.   
  12. <body>  
  13. <script language="JavaScript" >  
  14. document.write(computer('322' ));  
  15. </script>  
  16. </body>  
  17. </html>  
<html>
<head>
<title>test</title>
<script language="JavaScript">
function computer(num)
{
   return eval(num)+eval(num);
}
</script>
</head>

<body>
<script language="JavaScript">
document.write(computer('322'));
</script>
</body>
</html>

结果显示为:644;

 

如果num参数不为数字字符串,如:“24fd",则浏览器将不会显示任何东西。

 

 (2) isFinite函数

 

isFinite(number)是用来确定参数是否是一个有限数值。即,如果该参数为非数字,正无穷数,或负无穷数,则返回false,否则返回true;如果是字符串类型的数字,将会自动转化为数字型。

 

示例代码:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. <script language="JavaScript" >  
  5. function  computer(num)  
  6. {  
  7.    return  isFinite(num);  
  8. }  
  9. </script>  
  10. </head>  
  11.   
  12. <body>  
  13. <script language="JavaScript" >  
  14. document.write(computer('322' ));  
  15. </script>  
  16. </body>  
  17. </html>  
<html>
<head>
<title>test</title>
<script language="JavaScript">
function computer(num)
{
   return isFinite(num);
}
</script>
</head>

<body>
<script language="JavaScript">
document.write(computer('322'));
</script>
</body>
</html>

结果显示为:true;

 

如果num参数不为数字字符串,如:“24fd",则会显示false。

 

 

(3)isNaN函数

 

isNaN(num)函数是用来计算一个参数以确定它是否为非数字,注意是非数字,初学者经常会误以为是数字,确定是否为数字则是用前面所说的isFinite();如果是参数是字符串类型的数字,将会自动转化为数字型。

 

示例代码:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. <script language="JavaScript" >  
  5. function  computer(num)  
  6. {  
  7.    return  isNaN(num);  
  8. }  
  9. </script>  
  10. </head>  
  11.   
  12. <body>  
  13. <script language="JavaScript" >  
  14. document.write(computer('322' ));  
  15. </script>  
  16. </body>  
  17. </html>  
<html>
<head>
<title>test</title>
<script language="JavaScript">
function computer(num)
{
   return isNaN(num);
}
</script>
</head>

<body>
<script language="JavaScript">
document.write(computer('322'));
</script>
</body>
</html>

 现在则会显示:false,因为'322'虽是字符串,但是先转化为数字了;如果将参数num改为'fda32'则会显示true;

 

(4)parseInt和parseFloat函数

 

这两个函数都是装数字字符串转化为一个数值.具体的做法如下:

parseInt(str[,radix])  前面那个str是数字字符串,如'111111111'后面那个radix是确定前面str的进制数,比如前那个'11111111'的radix就是 2,也就是说,这里应该写为parseInt('11111111',2)其结果就为255;再比如:parseInt('A',16)的结果为10.即按照radix这个基数,使前面那个str转化为十进制数.如果基数省略或者或者它与str的首字符相矛盾时,JavaScript基数是基于字符串 str的第一个字符,当第一个字符不能转换为基于基数的数字时,则返回NaN.

 

parseFloat(str) 直接提取数字部分,都是以十进制计算.即如果str的值为'11'那么计算结果就是11,而不是3或者B.如果处理的字符不是以数字开头,则返回NaN.如果字符后面出现非字符部分,则只取前面数字部分.

 

示例1:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. <script language="JavaScript" >  
  5. function  computer(num)  
  6. {  
  7.    return  parseFloat(num);  
  8. }  
  9. </script>  
  10. </head>  
  11.   
  12. <body>  
  13. <script language="JavaScript" >  
  14. document.write(computer('1101' ));  
  15. </script>  
  16. </body>  
  17. </html>  
<html>
<head>
<title>test</title>
<script language="JavaScript">
function computer(num)
{
   return parseFloat(num);
}
</script>
</head>

<body>
<script language="JavaScript">
document.write(computer('1101'));
</script>
</body>
</html>

 结果显示:1101

 

示例2:

 

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. <script language="JavaScript" >  
  5. function  computer(num,m)  
  6. {  
  7.    return  parseInt(num,m);  
  8. }  
  9. </script>  
  10. </head>  
  11.   
  12. <body>  
  13. <script language="JavaScript" >  
  14. document.write(computer('111' ,2));  
  15. </script>  
  16. </body>  
  17. </html>  
<html>
<head>
<title>test</title>
<script language="JavaScript">
function computer(num,m)
{
   return parseInt(num,m);
}
</script>
</head>

<body>
<script language="JavaScript">
document.write(computer('111',2));
</script>
</body>
</html>

 显示结果:7

 

(5)Number和String函数

 

Number和String函数主要用来将对象转换为数字或字符串:

1.转换为字符型:String(); 例:String(678)的结果为"678"
2.转换为数值型:Number(); 例:Number("678")的结果为678

 

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. </head>  
  5. <body>  
  6. <script language="JavaScript" >  
  7. document.write(Number('323' )+Number( '323' ));  
  8. </script>  
  9. </body>  
  10. </html>  
<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(Number('323')+Number('323'));
</script>
</body>
</html>

 结果显示为:646

 

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. </head>  
  5. <body>  
  6. <script language="JavaScript" >  
  7. document.write(String('323' )+String( '323' ));  
  8. </script>  
  9. </body>  
  10. </html>  
<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(String('323')+String('323'));
</script>
</body>
</html>
 结果显示为:323323

 

(6)escape 和unescape函数

 

escapeunescape函数是将字符串进行编码和解码

 

注意,对于字母,数字,以及字符将返回它们本身.

 

示例1:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. </head>  
  5. <body>  
  6. <script language="JavaScript" >  
  7. document.write(escape('hello world!' ));  
  8. </script>  
  9. </body>  
  10. </html>  
<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(escape('hello world!'));
</script>
</body>
</html>

 结果显示为:hello%20world%21

 

示例2:

Js代码
  1. <html>  
  2. <head>  
  3. <title>test</title>  
  4. </head>  
  5. <body>  
  6. <script language="JavaScript" >  
  7. document.write(unescape('hello%20world%21' ));  
  8. </script>  
  9. </body>  
  10. </html>  
<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(unescape('hello%20world%21'));
</script>
</body>
</html>

结果显示为:hello world!

分享到:
评论

相关推荐

    深入理解JavaScript系列

    本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法...

    JavaScript权威指南(JavaScript犀牛书一本)

    《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...

    head first JavaScript源码

    《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码,这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...

    javascript语言精粹 pdf

    《JavaScript语言精粹》是JavaScript开发者必读的经典之作,它深入浅出地讲解了JavaScript语言的核心概念和实用技巧。这本书不仅适合初学者作为入门指南,也适合经验丰富的开发者用来巩固和提升自己的技能。 首先,...

    JavaScript语言精粹完整版

    《JavaScript语言精粹》作为一本深入浅出讲解JavaScript编程语言的经典之作,对于想要提升自己JavaScript技能的开发者来说,无疑是一份宝贵的资源。本书由Douglas Crockford所著,他不仅是JSON格式的创始人,也是...

    VS2015安装证书,JavaScript_ProjectSystem.msi,JavaScript_LanguageService.msi

    在这个场景中,我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件:JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先,关于“VS2015安装证书”,这通常是指安装过程中需要...

    JavaScript学习指南 高清 PDF

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一。这份"JavaScript学习指南"高清PDF,无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面,我们将深入探讨...

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第...

    JavaScript全栈教程 (廖雪峰) 完整版PDF

    简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网 页,与用户交互。 《JavaScript全栈教程》是小白的零基础JavaScript全栈教程。从基础入门在...

    JavaScript之Math对象(源代码)

    JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象...

    web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码

    web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页...

    面向对象JavaScript精要(英文原版pdf)

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript精要》由Nicholas C. Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的...

    javascript试题(附答案)

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本方面扮演着核心角色。这份"javascript试题(附答案)"是为初学者设计的,旨在帮助他们更好地理解和掌握JavaScript的基础知识。 一、变量与数据...

    ArcGis-for-javaScript最全中文API.pdf

    ArcGIS JavaScript API 介绍与示例 ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具,允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍,并提供多个...

    JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,高分项目).zip

    JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,高分项目)。 JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,高分项目)。 JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,...

    [JavaScript权威指南(第6版)]

    《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...

    jQuery JavaScript与CSS开发入门经典

    jQuery将JavaScript编程量精简为寥寥数行代码,使JavaScript变得更直观,更富魅力。iQuery还允许同时为一个或多个元素设置样式,使得通过JavaScript操纵CSS变得分外轻松。 在这本面向项目的精品书籍的指引下,即使是...

    HTML+CSS+Javascript详细手册大全 含9个chm文档资料合集

    3- JavaScript参考手册.chm 4- JavaScript参考手册中文版.chm 5- Javascript高级教程.CHM 6- JavaScript使用手册.chm 7- 网页制作完全手册.chm 8- 样式表滤镜中文手册.CHM 9- 样式表中文手册2.0.CHM

    JavaScript基础教程(第8版) 高清版 mobi

    《javascript基础教程(第8版)》循序渐进地讲述了javascript 及相关的css、dom、ajax、jquery 等技术。书中从javascript 语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并...

Global site tag (gtag.js) - Google Analytics