JavaScript基础复习大纲.docx

《JavaScript基础复习大纲.docx》由会员分享，可在线阅读，更多相关《JavaScript基础复习大纲.docx（25页珍藏版）》请在冰豆网上搜索。

JavaScript基础复习大纲

JavaScript复习大纲

什么是JavaScript

JavaScript简介

　　前身叫作Livescript，是一种基于对象（Object）和事件驱动（EventDriven）、并具有安全性的脚本语言，JavaScript主要用途改进网页设计、验证表单、检测浏览器、创建cookies，以及更多的应用

●JavaScript是属于网络的脚本语言！

●JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。

●JavaScript是因特网上最流行的脚本语言。

●JavaScript大家都使它，找工作能增加成功几率。

●JavaScript运行需要JavaScript解释器（浏览器）

JavaScript与Java区别

没有任何关系，两个公司开发的两个不同的产品，作用与用途大不一样，但两者语法上有很多相似之处，JavaScript并不是Java的子集。

代码的位置

我们可以在3个地方编写我们的JavaScript代码。

1、放置在标签之间，标签写在标签中，便于好维护。

alert（“HelloJavaScript!

”）;

JavaScript使用

alert（“script标签放置在其他位置，不规范”）;

2、放置在一个单独的文件中，该文件一般以.js结尾

WebContent/js/index.js

注意：

直接编写js代码即可，不需要写

3、将脚本程序代码作为特定标签的属性值

A标签的href以前我们是用来指向某一个URL地址，这里我们也可以设置值为”javascript:

”前缀，后面写上javascript代码，当我们点击A标签的时候，浏览器就把执行我们编写的javascript代码。

alert（‘你好’）”>点击我，我就执行JavaScript代码

关键字及保留字

关键字/保留字,这两个概念和Java中一样，提醒学员声明变量的时候不要使用关键字和保留字即可。

重点提示intshortboolean,float这些都是保留值，可以先告诉学员Javascript中声明变量是不需要指定类型的。

基本语法

JavaScript中的标识符，与Java定义标识符一摸一样.

JavaScript严格区分大小写.

JavaScript程序代码的格式和注释和Java中一样。

定义变量

变量：

系统为之设置一个标识，程序可以用变量名来指向具体的对象内存，并通过变量名来获得对应的对象。

声明一个变量使用“var”关键字

1、声明变量

例如：

varname;

2、声明变量并且赋值

例如：

varname=’张三’;

3、对已赋值的变量赋予一个其他类型的数据

例如：

name=500;

4、不事先声明变量而直接使用,（不事先声明变量:

赋值前，我们没有通过var定义address变量，而是直接给他赋值）

address=’成都传智播客’;

基本数据类型及常量

Number（数字类型）

1、整型常量（10进制\8进制\16进制）

十六进制以0x或0X开头，例如：

0x8a。

八进制必须以0开头，例如：

0123。

十进制的第一位不能是0（数字0除外），例如：

123。

２、实型常量

12.32、193.98、5E7、4e5等。

特殊数值：

NaN、Infinity（除数为零），所对应的判断函数isNaN（）、isFinite（）

3、Boolean（布尔值）

true和false。

4、String字符串（注意js中没有char类型，所有'a'也是一个字符串）

“abookofJavaScript”、‘a’、“a”、“”。

字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示。

5、null常量

6、undefined常量

运算符

1、算术运算符

JavaScript算数运算符细节:

字符串与数字，字符串与字符串也可以使用算数运算符。

示例：

vara=1;varb=’50’;varc=‘50’;vard=‘abc’;

alert（b-a）;//输出49

alert（b/c）;//输出1

alert（a*b）;//输出50

alert（a*d）;//输出NaN

重点：

JavaScript使用算数运算时，会自动转换为数字。

如果无法转换为数字返回NaN。

2、赋值运算符

示例：

varx=9;

x%=3;//等效于x=x%3;

alert（x）;//输出0

3、比较运算符

示例：

vara=1;varb=2;

if（a

alert（“真”）;

}

重点：

JavaScript在进行比较运算时，会自动类型转换。

==相等（相对等）

vara=‘1’;varb=1;

//自动类型转换，在进行比较

alert（a==b）;//输出true

===恒等（绝对等）

vara=‘1’;varb=1;

//不进行自动类型转换，直接比较

alert（a===b）;//输出false

4、逻辑运算符

在Java中，逻辑运算符只能用于boolean值，在JavaScript中任何的类型都可以进行逻辑运算，JavaScript会自动类型转换。

重点：

逻辑运算中，0、""、false、null、undefined、NaN均表示false，其他的值均为true。

示例：

vara=0;varb=true;varc=1;

if（a&&b）{//false

}

if（b&&c）{//true

}

if（a||c）{//true

}

5、位运算符（JavaScript中也可以使用位运算，了解学习）

程序流程控制

强调一点，凡是程序代码中涉及到boolean值时，JavaScript会自动类型转换。

0、""、false、null、undefined、NaN均表示false，其他的值均为true。

1、if条件选择语句

if（条件语句））{

}

if（条件语句）{

}elseif（条件语句）{

}

if（条件语句）{

}elseif（条件语句）{

}else{

}

vara=1;

if（a）{//自动类型转换

alert（‘真’）;

}

2、switch选择语句

switch（表达式）

{

case取值1:

语句块1

break;

…

case取值n:

语句块n

break;

default:

语句块n+1

break;

}

varx=2;

switch（x）

{

case1:

alert（"Monday"）;

break;

case2:

alert（"Tuesday"）;

break;

case3:

alert（"Wednesday"）;

break;

default:

alert（"Sorry,Idon'tKnow"）;

}

3、while循环语句

while（条件表达式语句）

{

执行语句块

}

vari=0;

while（i<10）{

alert（i）;//输出0-9

i++;

}

4、dowhile语句，语句块始终会执行一次

do{

执行语句块

}while（条件表达式语句）;

5、for循环语句

for（初始化表达式;循环条件表达式;循环后的操作表达式）

{

执行语句块

}

for（vari=0;i<10;i++）{

alert（i）;//输出0-9

}

6、break与continue语句

vari=0;

while（true）{

i++;

alert（i）;//输出1-10

if（i==10）{

break;

}

}

varj=10;

while（j>0）{

if（j%2!

=0）{

continue;

}

alert（j）;//输出偶数

}

7、for...in循环语句

varas=[1,4,5,6],output="";

for（varxinas）

{

output+="x="+as[x];

}

alert（output）;

varas={id:

5,name:

'test'};

for（varxinas）

{

output+=x+"="+as[x];

}

alert（output）;

函数

1、函数的作用

将脚本编写为函数，就可以避免页面载入时执行该脚本。

函数包含着一些代码，这些代码可以多次被调用。

2、函数定义与调用

定义一个函数的格式如下：

function函数名（[参数列表]）

{

程序代码

[return表达式;]

}

示例：

varuserName='张三';

functionsay（msg）{

vars=userName+":

"+msg;

returnmsg;

}

varresult=say（'你好啊'）;

alert（result）;

alert（say（‘今天下雨了’））;

3、全局变量与局部变量

全局变量:

function外部定义的变量称为全局变量

局部变量:

function内部定义的变量称为局部变量

访问变量原则：

就近原则，谁离我最近我就使用谁。

varmsg="全局变量";

functionshow（）

{

varmsg;

msg="局部变量";

}

show（）;

alert（msg）;

赋值变量原则：

函数返回搜索变量，如果有变量就赋值，如果向上一个范围查找，如果没有找到，那么就赋值给全局。

varmsg="全局变量";

functionshow（）

{

msg="局部变量";

}

show（）;

alert（msg）;

4、JavaScript函数变参

JavaScript支持可变参数。

在函数执行时，我们可以通过arguments对象，获取所有参数信息。

functionsum（num1,num2）{

varargs=arugments;//获取所有参数列表，该对象类似于一个数组

//console.debug（args）;

varresult=0;

for（vari=0;i

varnum=args[i];

result+=num;

}

retrunresult;

}

console.debug（sum（1,2,3））;//输出6

console.debug（sum（3,4,5,））;//输出12

5、JavaScript中的系统函数

encodeURI编码

decodeURI解码

encodeURI（）函数可把字符串作为URI进行编码。

该方法不会对ASCII字母和数字进行编码，也不会对这些ASCII标点符号进行编码：

-_.!

~*'（）。

该方法的目的是对URI进行完整的编码，因此对以下在URI中具有特殊含义的ASCII标点符号，encodeURI（）函数是不会进行转义的：

;/?

:

@&=+$,#

encodeURIComponent编码

decodeURIComponent解码

函数可把字符串作为URI组件进行编码。

该方法不会对ASCII字母和数字进行编码，也不会对这些ASCII标点符号进行编码：

-_.!

~*'（）。

其他字符（比如：

;/?

:

@&=+$,#这些用于分隔URI组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

parseInt（string,radix）

将一个字符串按指定的进制转换成一个整数，语法格式为：

parseInt（numString,[radix]）。

如果没有指定第二个参数，则前缀为‘0x’的字符串被视为十六进制，前缀为‘0’的字符串被视为八进制，所有其他字符串都被视为是十进制。

parseFloat

将一个字符串转换成对应的小数。

isNaN

检查一个值是否是NaN

eval

将其中的参数字符串作为一个JavaScript表达式执行。

encodeURI示例：

document.write（encodeURI（""）+"
"）

document.write（encodeURI（"world/"））

document.write（encodeURI（",/?

:

@&=+$#"））

输出

/?

:

@&=+$#

decodeURI示例：

document.write（decodeURI（‘

输出:

world/

encodeURIComponent示例：

document.write（encodeURIComponent（""））

document.write（encodeURIComponent（"1/"））

document.write（encodeURIComponent（",/?

:

@&=+$#"））

输出:

http%3A%2F%2F

http%3A%2F%2F%2Fp%201%2F

%2C%2F%3F%3A%40%26%3D%2B%24%23

parseInt示例：

parseInt（"10"）;//返回10

parseInt（"1ab"）;//返回1

parseInt（"010",2）;//返回2

parseInt（“abc”）//返回NaN

parseFloat示例：

parsetFloat（‘3.14159’）;//返回3.14159

parsetFloat（‘3.1Y4159’）;//返回3.1

eval示例:

vars=‘alert（“你好”）’;

eval（s）;//执行alert函数，输出你好。

面向对象的Javascript

对象:

变量就是对象的属性，对象中所包含的对属性进行操作的函数就是对象的方法，对象的属性和方法都叫对象的成员。

类:

对某一类事物的描述，是抽象上的概念；而对象实例是一类事物中的具体个例。

定义一个类和实例对：

this关键字:

函数中的this,谁调用该函数，this就是谁。

//定义了一个类，构造函数就它自己

functionUser（）{

//构造函数

}

//创建一个类的实例对象

varuser=newUser（）;

user.username=“张三”;//给对象上面添加username属性，值为“张三”

user.password=”123456”;//给对象上面添加password属性，值为“123456”

console.debug（user.name）;//输出张三

functionshowName（）{

alert（this.name）;

}

//为实例对象添加方法

user.say=showName;//注意直接，写上函数的名字，不要加（），加（）代表执行该函数

//使用实例对象的方法

user.say（）;//输出张三

JavaScript本地对象和内置对象

1、Object

Object是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。

主要属性和方法：

constructor

对象的构造函数

prototype

对象原型，使您有能力向类添加属性和方法

hasOwnProperty（）

是否属于本类定义的属性

isPrototypeOf（）

判断该对象是否为另一个对象的原型

propertyIsEnumerable（）

是否可列举的属性（foreach）

toString（）

返回对象对应的字符串

valueOf（）

返回对象对应的原始类型值

varobj=newObject（）;

obj.name=“张三”;//通过”.“赋值

obj[‘password’]=“123456”;//通过”[字符串]”赋值。

console.debug（obj.name）;

console.debug（obj.hasOwnProperty（‘name’））;//true

console.debug（obj.propertyIsEnumerable（‘name’））;//true

2、Array

concat（）

连接两个或更多的数组，并返回结果。

join（）

把数组的所有元素放入一个字符串。

元素通过指定的分隔符进行分隔。

pop（）

删除并返回数组的最后一个元素

push（）

向数组的末尾添加一个或更多元素，并返回新的长度。

reverse（）

颠倒数组中元素的顺序。

shift（）

删除并返回数组的第一个元素

slice（）

从某个已有的数组返回选定的元素

sort（）

对数组的元素进行排序

splice（index,howmany,element1,.....,elementX）

删除元素，并向数组添加新元素。

index:

必需。

规定从何处添加/删除元素。

该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

howmany:

必需。

规定应该删除多少元素。

必须是数字，但可以是"0"。

如果未规定此参数，则删除从index开始到原数组结尾的所有元素。

element1:

可选。

规定要添加到数组的新元素。

从index所指的下标处开始插入。

element1:

可选。

可向数组添加若干元素。

unshift（）

向数组的开头添加一个或更多元素，并返回新的长度。

3、Boolean

varb=true;//或者newBoolean（true/false）

if（b）{

alert（“真”）;

}

4、Date

主要属性和方法

getDate（）

从Date对象返回一个月中的某一天（1~31）。

getDay（）

从Date对象返回一周中的某一天（0~6）。

getMonth（）

从Date对象返回月份（0~11）。

getFullYear（）

从Date对象以四位数字返回年份。

getYear（）

请使用getFullYear（）方法代替。

getTime（）

返回1970年1月1日至今的毫秒数。

getHours（）

返回Date对象的小时（0~23）。

getMinutes（）

返回Date对象的分钟（0~59）。

getMilliseconds（）

返回Date对象的毫秒（0~999）。

其他方法与Java类似。

vardate=newDate（）;

vars=date.getFullYear（）+”年”+（date.getMonth（）+1）+”月”+（date.getDate（））+”日”;

console.debug（s）;//当前日期

5、Math

主要方法：

random（）

返回0~1之间的随机数。

min（x,y）

返回x和y中的最低值。

max（x,y）

返回x和y中的最高值。

其函数，不常用。

参考文档

console.debug（Math.random（）*100）;//0-100，不包含100的随机数

6、Number

主要属性：

constructor

对象的构造函数

MAX_VALUE

可表示的最大的数。

MIN_VALUE

可表示的最小的数。

NaN

非数字值。

NEGATIVE_INFINITY

负无穷大，溢出时返回该值。

POSITIVE_INFINITY

正无穷大，溢出时返回该值。

prototype

使您有能力向对象添加属性和方法。

toFixed（）

把数字转换为字符串，结果的小数点后有指定位数的数字。

toExponential

方法可把对象的值转换成指数计数法

toPrecision

把数字格式化为指定的长度

valueOf

返回一个Number对象的基本数字值。

varnum=newNumber（3.14159）;

console.debug（num.toFixed

（2））;//3.14字符串类型

varnum2=1111.14159;

console.debug（num2.toPrecision

（2））;//1.1e+4科学计数法

7、String

indexOf（）

检索字符串。

与Java中类似

substring（）

提取字符串中两个指定的索引号之间的字符。

substr（start,length）

从起始索引号提取字符串中指定数目的字符。

start:

必需。

要抽取的子串的起始下标。

必须是数值。

如果是负数，那么该参数声明从字符串的尾部开始算起的位置。

也就是说，-1指字符串中最后一个字符，-2指倒数第二个字符，以此类推。

Le