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>
- 大小: 11.7 KB
- 大小: 5.6 KB
分享到:
相关推荐
JavaScript学习资料JavaScript基础语法函数及相关源代码资料: BOM基础.pdf BOM基础(源代码).zip Date对象之获取和设置月份-getMonth&setMonth(教辅).pdf DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr...
本文实例讲述了JavaScript中常见内置函数用法。分享给大家供大家参考,具体如下: 一、介绍 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身...
第1课 JavaScript语法 本课程讲解JavaScript的语法、数据类型、基本算数和逻辑运算操作 第2课 JavaScript流程控制语句 掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能 第3课 JavaScript...
资源名称:Javascript完全学习手册内容简介:本书分4篇14章,介绍Javascript的知识,全书内容包括:Javascript语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...
有着丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net)语法加亮),内置预览功能,提供了完整的HTML 标记, HTML 属性, HTML 事件, JavaScript 事件和JavaScript 函数等完整的代码库,可轻松插入到...
JavaScript培训学习PPT教程(js资料和源代码) DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr之while循环(源代码).zip JavaScript中的循环总结(教辅).pdf ...JavaScript语法和数据类型(源代码).z
编写JavaScript代码,熟悉并掌握JavaScript的基本语法、控制结构及函数,掌握JavaScript内置对象、浏览器对象及自定义对象的使用
本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考,具体如下: Javascript组成 1、ECMAscript javascript的语法(变量、函数、循环语句等语法) 2、DOM 文档对象模型 操作html和...
第一篇完整地讲解了javascript的基础知识,主要内容包括javascript概述、数据类型、常量与变量、表达式与运算符、程序语句、函数和数组等。第二篇专门介绍javascript中内置对象的应用,内容包括javascript对象基础、...
第一篇完整地讲解了Javascript的基础知识,主要内容包括Javascript概述、数据类型、常量与变量、表达式与运算符、程序语句、函数和数组等。第二篇专门介绍Javascript中内置对象的应用,内容包括Javascript对象基础、...
JavaScript概述 基本语法 流程控制 函数和事件 内置对象 文档对象模型
注意:自从最新更新以来,VS Code附带JavaScript语法现在还支持对变量和函数引用进行着色,并且旨在成为与Atom语法等效的功能。 因此,VS Code团队建议使用内置JavaScript语法。 原始的Atom JavaScript语法在上维护...
Javascript是一种弱语言类型的语言,不必像Java、C#等高级语言那样必须通过构造函数的方法来创建对象,在Javascript中,主要有两种创建对象的方法,一种是直接通过new关键字定义,一种是通过函数来定义。如下: /...
实习四 JavaScript 基本语法 一、实习目的 1.掌握 JavaScript 的基本语法; 2.掌握 JavaScript 的常用内置对象的作用、属性、方法的运用; 3.掌握 JavaScript 的程序流程控制语句的运用; 4. 掌握 Firebug 的基本...
声明const时候必须要给定值使用 var 声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象使用 let 声明的变量,其作用域为该语句所在的代码块内
JavaScript 脚本编辑软件,有着丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net)语法加亮),内置预览功能,提供了完整的HTML 标记, HTML 属性, HTML 事件, JavaScript 事件和JavaScript 函数等...
它提供了简单而且实用的功能:丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net)),语法高亮,内置预览功能,提供了完整的HTML 标记, HTML 属性, HTML 事件, JavaScript 事件和JavaScript 函数等...
JavaScript 脚本编辑软件,有着丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net)语法加亮),内置预览功能,提供了完整的HTML 标记, HTML 属性, HTML 事件, JavaScript 事件和JavaScript 函数等...