`

JavaScript基本语法与内置函数

阅读更多
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基础语法函数及相关源代码资料.zip

    JavaScript学习资料JavaScript基础语法函数及相关源代码资料: BOM基础.pdf BOM基础(源代码).zip Date对象之获取和设置月份-getMonth&setMonth(教辅).pdf DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr...

    javascript 内置函数速查.txt

    根据给定的文件信息,以下是对“javascript内置函数速查”的详细解读,涵盖了JavaScript中关键的内置函数和语法,帮助理解和应用这些基本概念。 ### 1. 文档操作 - **`document.write()`**: 此函数用于在文档流中...

    JavaScript语法与范例速查手册(配书源码和JavaScript特效)

    总的来说,《JavaScript语法与范例速查手册》是一本全面且实用的资源,涵盖了从基本语法到高级特性的方方面面,配合书中提供的源码和特效,可以帮助读者快速掌握JavaScript,并将其运用到实际的Web开发中。...

    JavaScript中常见内置函数用法示例

    本文实例讲述了JavaScript中常见内置函数用法。分享给大家供大家参考,具体如下: 一、介绍 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身...

    JavaScript基础语法-书写语法

    `window.alert()` 是一个内置函数,用于向用户显示一个带有指定消息的警告框。它常用于调试目的或向用户显示重要的通知信息。例如: ```javascript window.alert("hello js"); // 浏览器弹出警告框 ``` ##### 2. ...

    第一章 JavaScript基础语法

    JavaScript 基础语法 什么是 JavaScript JavaScript 是一种嵌入在网页中的解释型脚本语言,运行在浏览器中,用来丰富页面的互动。它最初由 Netscape 公司发明,最后提交给欧洲计算机制造商协会(ECMA), ECMA 将 ...

    5.JavaScript基础语法.zip

    JavaScript语法基于ECMAScript规范,它支持变量、数据类型、操作符、控制结构、函数等基本元素。下面是对这些关键知识点的详细说明: 1. 变量与数据类型: - 变量:在JavaScript中,我们使用`var`、`let`或`const`...

    javascript(函数查询chm+语法pdf)

    这个文件可以帮助开发者快速查找和理解JavaScript内置函数、对象、方法和API,从而提升开发效率。 **JavaScript语法PDF文件:** `JavaScript高级程序设计.pdf` 通常是一本详细介绍JavaScript语法和高级概念的教程...

    JavaScript语法手册.rar

    JavaScript语法的基础包括变量、数据类型、操作符和控制结构。变量是存储数据的地方,JavaScript有六种原始数据类型:Undefined、Null、Boolean、Number、String和Symbol(ES6新增),以及一种复杂数据类型:Object...

    JavaScript程序设计-JavaScript基本语法.pdf

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它的基本语法是学习JavaScript程序设计的基础。在JavaScript中,有几个关键的概念需要理解。 首先,JavaScript严格区分大小写。这意味着在编写代码时,...

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

    该资源涵盖了JavaScript的基础知识点,包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议知识点可以帮助开发者快速掌握JavaScript的基础知识,提高开发效率和质量。

    JavaScript简介及基础语法介绍

    JavaScript简介及基础语法介绍 JavaScript是客户端脚本语言,是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言。它认为文档和显示文档的浏览器都是由不同的对象组成的集合,这些对象具有一定的属性,...

    javaScript

    ### JavaScript基础语法与内置函数 #### 变量命名规则 变量名可以由字母、下划线和数字组成,但不能以数字开头,如`var myVariable = 10;`。 #### 数组操作 数组可以通过`new Array()`或方括号`[]`创建,具有`...

    JavaScript视频教程-4.函数与内置对象

    除了用户自定义的函数,JavaScript还提供了许多内置函数,如`Math`对象提供的数学操作函数,如求平方根、最大值和最小值等: ```javascript console.log(Math.sqrt(16)); // 输出 4 console.log(Math.max(5, 10, 3))...

    JavaScript基本语法案例.pdf

    这份文档提供了几个JavaScript基本语法的实例,涵盖了注释、日期对象以及语句块的使用方法。 1. **注释**: - **单行注释**:在JavaScript中,以`//`开始的一行文字被视为注释,不会被解析执行。例如,在案例1中,...

    语法糖用于轻松读函数组成

    在JavaScript中,没有内置的函数组合操作,但可以通过一些技巧或者借助像Babel这样的编译工具来实现。例如,`babel-plugin-transform-function-composition-master`这个压缩包文件很可能就是一个Babel插件,它用于在...

    JavaScript语法手册

    ### JavaScript语法手册知识点详解 #### 一、JavaScript函数 JavaScript是一种广泛使用的编程语言,尤其适用于Web开发。在JavaScript中,函数是一段可重用的代码块,用于执行特定任务。 ##### 1. GetObject函数 -...

    JavaScript基本语法

    3. **简单性**:JavaScript语法简洁,易于学习。它的数据类型是弱类型的,允许开发者不用预先声明变量的类型,这增加了代码的灵活性,但也可能导致一些运行时错误。 4. **安全性**:JavaScript在浏览器环境中运行,...

Global site tag (gtag.js) - Google Analytics