`
visionary_2006
  • 浏览: 131589 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JavaScript中包含的几个预定义函数详解

阅读更多

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

 

(1) eval函数

 

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

 

示例代码:

<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;如果是字符串类型的数字,将会自动转化为数字型。

 

示例代码:

<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();如果是参数是字符串类型的数字,将会自动转化为数字型。

 

示例代码:

<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:

<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:

 

<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

 

<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(Number('323')+Number('323'));
</script>
</body>
</html>

 结果显示为:646

 

<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:

<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(escape('hello world!'));
</script>
</body>
</html>

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

 

示例2:

<html>
<head>
<title>test</title>
</head>
<body>
<script language="JavaScript">
document.write(unescape('hello%20world%21'));
</script>
</body>
</html>

结果显示为:hello world!

 

完!

 

1
0
分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript中箭头函数与普通函数的区别详解.docx

    JavaScript中的箭头函数和普通函数在使用上有显著的差异,这些差异主要体现在以下几个方面: 1. **函数定义的简洁性**: - 箭头函数的语法更紧凑,可以视为匿名函数的一种简写形式。如果函数体只包含一个表达式,...

    深入认识JavaScript中的函数

    当我们定义一个函数时,实际上是在创建一个函数对象。这个对象具有特定的方法和属性,可以用来控制函数的行为。 ##### 2.1 函数对象的定义 函数可以通过几种不同的方式定义: 1. **传统函数声明**: ```javascript ...

    JavaScript构造函数详解

    当定义一个函数时,JavaScript会自动为这个函数创建一个prototype属性,这个属性是一个包含constructor属性的空对象。constructor属性指向了函数本身。当构造函数通过"new"关键字被调用时,它创建的对象会有一个指向...

    JavaScript函数的特性与应用实践深入详解

    在创建函数时,JavaScript引擎会为每个函数添加两个隐藏属性:一个是函数上下文(也称为调用者或this值),另一个是实现函数功能的代码。函数对象还有一个特别的属性prototype,它指向一个新的对象,这个对象的...

    javascript中Array()数组函数详解

    JavaScript中Array()数组函数是该语言提供的一个内建构造器,用于创建数组对象。数组在编程中是用于存储一系列数据项的集合,在JavaScript中具有高度的灵活性和功能性。我们可以将不同类型的数据存储在同一个数组中...

    javascript面向对象编程的几种模式详解

    以下是对标题和描述中提到的几种JavaScript面向对象编程模式的详细解释: 1. **构造函数与字面量结合模式** 在JavaScript中,我们可以通过构造函数和字面量语法来创建对象。构造函数用于定义对象的类型,而字面量...

    在JavaScript中对HTML进行反转义详解_.docx

    首先,我们要了解JavaScript中的几个编码和解码函数。`encodeURI()` 和 `decodeURI()` 用于编码和解码整个URI(统一资源标识符),而 `encodeURIComponent()` 和 `decodeURIComponent()` 则用于编码和解码URI组件。...

    jQuery:jQuery.extend函数详解

    ### jQuery.extend函数详解 #### 一、概述 `jQuery.extend`是jQuery库中一个非常实用且功能强大的函数,主要用于合并两个或多个对象的属性至一个新的对象中。这使得开发人员能够在编写插件或其他代码时方便地扩展...

    SQL Server之JSON 函数详解

    本文将详细解析SQL Server中的几个关键JSON函数:ISJSON、JSON_VALUE、JSON_MODIFY和JSON_QUERY。 **1. ISJSON函数** ISJSON函数用于检测一个字符串是否符合JSON格式。例如: ```sql DECLARE @jsonString NVARCHAR...

    JavaScript中的函数模式详解

    1. 创建函数的语法:在JavaScript中,创建函数有几种不同的语法方式。最传统的方式是使用function关键字声明一个函数,如function add(a, b) { return a + b; }。这种方式也被称为函数声明,其特点是函数声明之前...

    JavaScript基础和DOM API函数

    ### JavaScript基础和DOM API函数详解 #### JavaScript概览 JavaScript是一种强大的、动态的脚本语言,主要用于网页开发,为HTML页面增添交互性。作为一种轻量级的语言,JavaScript无需编译,可以直接由浏览器解释...

    JavaScript几个函数 - split()、join()、substring()和indexOf()

    ### JavaScript 函数详解:split()、join()、substring() 和 indexOf() #### 一、split() 方法 **定义与用途:** `split()` 方法用于将一个字符串分割成字符串数组。此方法通过一个指定的分隔符来拆分字符串,并...

    JavaScript实际运用中的函数大全

    - **`function functionName([parameter1, parameter2, ...]) { statements }`**:定义一个函数,可接受参数并执行特定任务。 ##### 2.17 表单操作 - **`document.forms[0], document.forms[1]`**:访问页面上的...

    javascript中的match函数用法简介.docx

    ### JavaScript中的`match`函数详解 #### 一、引言 在JavaScript中,`match`函数是一种非常实用的方法,主要用于通过正则表达式在字符串中查找特定的模式。该函数可以返回一个数组或者null,具体取决于查找是否成功...

    javascript中mouseover、mouseout使用详解

    为了解决这个问题,可以采用几个不同的策略: 1. 使用mouseenter和mouseleave事件替代mouseover和mouseout。这些事件由IE浏览器首先提出,而后被最新版本的其他主流浏览器支持。mouseenter事件只在鼠标指针进入元素...

    javascript函数及说明

    ### JavaScript 函数详解 在日常开发中,JavaScript 函数是不可或缺的一部分,它们为开发者提供了强大的功能,用于处理各种任务和实现复杂逻辑。以下是从给定文件中提炼出的关键JavaScript函数和概念,旨在帮助读者...

    javascript的数组和常用函数详解

    创建数组有几种方式,最基础的是使用Array构造函数,比如vara=new Array(10)会创建一个包含10个未初始化元素的数组。如果提前知道数组中将包含的元素,也可以直接使用var a = [10, "aaa", 12.6];的方式进行初始化,...

    .net中前台javascript与后台c#函数相互调用问题.docx

    ### .NET中前台JavaScript与后台C#函数相互调用问题详解 #### 一、概述 在Web应用程序开发中,前后端交互是常见的需求之一。对于.NET框架下的ASP.NET Web Forms应用,实现前后端(即JavaScript与C#)之间的数据...

    javascript中window.event事件用法详解

    每个事件属性都有其特定的用途,下面详细介绍几个常用的window.event属性: 1. altKey属性 altKey属性用于检查在事件触发时Alt键是否被按下。它返回一个布尔值,如果Alt键被按下,则返回true;否则返回false。这是...

Global site tag (gtag.js) - Google Analytics