JavaScript基本语法与内置函数

hnzhoujunmei

浏览: 459577 次
性别:
来自: 北京

最近访客更多访客>>

wuxia_2001

hudie7306

Adan-Chiu

寻找任大侠

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript ITeye HTML 脚本

JavaScript使用var进行变量声明，变量名长度是任意的，区分大小写。变量名必须遵循以下规则：
1，第一个字符必须是英文字母或_下划线或美元符号$
2，其他字符可以为字母，数字，下划线或美元符号，不能有空格等其他符号
3，变量名不能是保留字，如var,int,double,true

JavaScript中有六种数据类型，分别是Number，Boolean，String，Object，Null，Undefined。
Number类型，包括整数（可以用十进制，八进制[以0开头]，十六进制表示[以0x或0X开头]，），浮点数及NaN（非数）值，浮点数可以采用科学计数表示
Boolean有true和false，不能用0和1表示，但当boolean类型用于数值表达式时，自动转换为0或1。
如var a =true; var b = a+1; 此时b为2。
String字符串用单引号或双引号引起来的
Object 对象，包括数组类型Array，日期对象Date等。
Null，空，表示为空或不存在。
Undefined，表示变量已经被创建，但未赋值。

变量作用域
JavaScript中变量分为局部变量和全局变量。全局变量定义在所有的函数之外，作用范围为整个脚本；局部变量定义在函数内部。如果实现没有定义就使用一个变量，那么JavaScript将把这个变量作为全局变量。

JavaScript中的运算符与java的相同。包括算术运算符，逻辑运算符，位运算符等。
程序控制语句包括if，switch，while等。包括用标签标识一个语句，用于后面的跳转。

JavaScript中可以由用户自己定义函数，在函数使用之前必须提供函数定义。
函数定义格式：
function functionName(parameter1,parameter2 ...)
{
statements;
}

注意：1，必须包括function 关键字
2，函数可以使用参数来传递数据，也可以不使用参数，因为函数有一个arguments属性
3，函数中可以有return语句来返回确切的值，也可以没有。

例如：

<HTML>
<HEAD>
<TITLE>函数定义与使用的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function HelloWorld()
{
  for(i=0; i<arguments.length; i++)
{
   alert(arguments[i]);//显示出传递的参数
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

HelloWorld("HelloWorld");
//-->
</SCRIPT>
</BODY>
</HTML>

JavaScript系统内部函数
1，使用eval返回字符串的值
在java中，如果只知道一个方法名的字符串，只能用反射机制来调用这个方法；同样，在JavaScript中，

也存在这样的问题，如果只知道方法名，怎么调用方法或语句呢？就是通过eval函数。
例如：

<HTML>
<HEAD>
<TITLE>使用eval函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

function HelloWorld()
{
  for(i=0; i<arguments.length; i++)
{
   alert(arguments[i]);//显示出传递的参数
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

eval("HelloWorld('HelloWorld')");
//-->
</SCRIPT>
</BODY>
</HTML>

执行将显示helloworld！

可见使用eval调用HelloWorld字符串，可以实现与直接调用该函数相同的效果。这里注意函数的参数用单引号引起来。如果不用引号，则显示的是函数定义的本身，如下图所示。

2，escape和unescape函数，进行字符编码和解码
escape编码，将所有的空格、标点及非ASCII字符都用%XX代替，其中XX为十六进制数，如果转换的字符超过255，则用%uXXXX表示。
例如：

<HTML>
<HEAD>
<TITLE>使用escape和unescape函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" >
var str1 = escape("欢迎使用escape函数  ；256");
var str=unescape(str1);

document.write(str1);
document.write("\n\n");

document.write(str);

</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

执行结果：%u6B22%u8FCE%u4F7F%u7528escape%u51FD%u6570%20%20%uFF1B256 欢迎使用escape函数；256
其中如欢的编码为%u6B22，空格编码为%20。

3，使用parseInt和parseFloat进行数值转换
将字符串转换为数值。parseInt用于将以字符串开头的整数分解出来，若字符串不是以数字开头，则返回NaN；parseFloat用于将以字符串开头的整数或浮点数分解出来，若字符串不是以数字开头，则返回NaN。
例如：

<HTML>
<HEAD>
<TITLE>使用parseInt和parseFloat函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

document.write("parseInt('123')="+parseInt("123")+"<BR>");
document.write("parseInt('123.567')="+parseInt("123.567")+"<BR>");
document.write("parseInt('123abc')="+parseInt("123abc")+"<BR>");
document.write("parseInt('123.5e2')="+parseInt("123.5e2")+"<BR>");
document.write("parseInt('0x12')="+parseInt("0x12")+"<BR>");
document.write("parseInt('123',16)="+parseInt("123",16)+"<BR>");
document.write("parseInt('abc')="+parseInt("abc")+"<BR>");
document.write("parseInt(true)="+parseInt(true));
document.write("<BR>");

document.write("parseFloat('123')="+parseFloat("123")+"<BR>");
document.write("parseFloat('123.567')="+parseFloat("123.567")+"<BR>");
document.write("parseFloat('123abc')="+parseFloat("123abc")+"<BR>");
document.write("parseFloat('123.5e2')="+parseFloat("123.5e2")+"<BR>");
document.write("parseFloat('0x12')="+parseFloat("0x12")+"<BR>");
document.write("parseFloat('123',16)="+parseFloat("123",16)+"<BR>");
document.write("parseFloat('abc')="+parseFloat("abc")+"<BR>");
document.write("parseFloat(true)="+parseFloat(true));

</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

执行结果：
parseInt('123')=123
parseInt('123.567')=123
parseInt('123abc')=123
parseInt('123.5e2')=123
parseInt('0x12')=18
parseInt('123',16)=291
parseInt('abc')=NaN
parseInt(true)=NaN
parseFloat('123')=123
parseFloat('123.567')=123.567
parseFloat('123abc')=123
parseFloat('123.5e2')=12350
parseFloat('0x12')=0
parseFloat('123',16)=123
parseFloat('abc')=NaN
parseFloat(true)=NaN

4，使用typeof判断对象类型

它的返回结果是上面已经说明的六种数据类型。

<HTML>
<HEAD>
<TITLE>使用typeof函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function HelloWorld()
{
  for(i=0; i<arguments.length; i++)
{
   alert(arguments[i]);//显示出传递的参数
}
}

</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

document.write(typeof(HelloWorld)+"<BR>"); //function
document.write(typeof("abl")+"<BR>"); //string
document.write(typeof("345")+"<BR>"); //string
document.write(typeof(345)+"<BR>"); //number
document.write(typeof(a)+"<BR>"); //undefined
document.write(typeof(true)+"<BR>"); //boolean
document.write(typeof(null)+"<BR>"); //object

</SCRIPT>
</BODY>
</HTML>

5,使用isFinite判断一个变量是否有界

<HTML>
<HEAD>
<TITLE>使用isFinite函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

document.write("isFinite(1234)="+isFinite(1234)+"<BR>"); //true
document.write("isFinite(1.234)="+isFinite(1.234)+"<BR>"); //true
document.write("isFinite('aaa')="+isFinite('aaa')+"<BR>"); //false
document.write("isFinite(true)="+isFinite(true)+"<BR>"); //true
document.write("isFinite(null)="+isFinite(null)+"<BR>"); //true
document.write("isFinite(1/0)="+isFinite(1/0)+"<BR>"); //false
document.write("isFinite(1.0/0)="+isFinite(1.0/0)+"<BR>");//false
document.write("isFinite(0.0/0)="+isFinite(0.0/0)+"<BR>");//false
//document.write("isFinite(a)="+isFinite(a)+"<BR>"); //a是未定义的变量,该行不显示

</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

6,使用isNaN函数判断一个变量是否是数值

<HTML>
<HEAD>
<TITLE>使用isNaN函数的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

document.write("isNaN(1234)="+isNaN(1234)+"<BR>"); //false
document.write("isNaN(1.234)="+isNaN(1.234)+"<BR>");//false
document.write("isNaN('aaa')="+isNaN('aaa')+"<BR>"); //true
document.write("isNaN(true)="+isNaN(true)+"<BR>");//false
document.write("isNaN(null)="+isNaN(null)+"<BR>");//false
document.write("isNaN(1/0)="+isNaN(1/0)+"<BR>");//false
document.write("isNaN(1.0/0)="+isNaN(1.0/0));//false
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>