您的位置：首页 > Web前端 > JavaScript

JavaScript学习笔记(1)基础知识

2013-03-22 19:27 886 查看

JavaScript学习笔记(1)基础知识

内容摘要:

基本语法

运算符

流程控制

函数

对象

数组

一.脚本语言JavaScript

脚本语言是一种解释性的语言，脚本语言不需要编译，他们一般需要解释器才能运行，

JavaScript是一种脚本语言，它可以被嵌入HTML的文件之中。通过JavaScript可以做到响应用户的需求事件(如表单的输入)。

二.JavaScript的基本语法

1.JavaScript脚本代码的位置

·放置在<script></script>标签对之间.

<script language="javascript">



</script>

·放置在一个单独的文件中

html文件内容:

<html>

<script src="script.js" language="javascript"></script>

</html>

script.js文件内容:

alert(new Date());

·将脚本程序代码作为属性值.

<a href="javascript: alert(new Date());">javascript</a>

<input type=button value=test onclick="alert(new Date())">

2.保留关键字

abstract,boolean,break,byte,case,catch,char,class,const,continue,default,do,double,else,

extends,false,final,finally,float,for,function,goto,if,implements,import,in,instanceof,

int,interface,long,native,new,null,package,private,proteted,public,return,short,static,

super,switch,synchronized,this,throw,throws,transient,true,try,var,void,while,with

3.标识符

标识符是指JavaScript中定义的符号，例如:变量名、函数名，数组名等.

标识可以由任意顺序的大小写字母、数字、下划线和美元符号组成，但标识符不能以数字开头，不能是保留关键字。

合法的标识符举例: indentifier、username、user_name、_userName、$username

非法的标识符举例: int、98.3、Hello World

4.表达式与注释

JavaScript大小写敏感

每条功能执行语句的最后必须用分号结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开.

JavaScript程序注释: /*...*/中可以嵌套//注释,但不能嵌套/*...*/

5.基本数据类型与常量

常量

·整型常量

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

八进制以0开头,例如: 0123

十进制的第一位不能是0(数字0除外)，例如: 123

·实型常量

12.32、193.98、5E7、4e5等.

·布尔值:

ture和false

·字符串常量

"abc"、"a"

字符串中的特殊字符，需要以反斜杠(\)后跟一个普通字符来表示，例如: \r、\n、\t、\b、\'、\"、\\

·null常量

·undefined常量

变量

·变量:

定义一个变量，系统就会为之分配一块内存，程序可以用变量名来表示这块内存中的数据.

·声名变量:

使用var关键字,例如: var name;

·变量赋值

声名变量的同时可以为其赋值,例如: var name = "zhangsan";

对已赋值的变量赋予一个其他类型的数据，例如: name = 123;

可以不事先声明变量而直接使用，例如: x = 1234;

6.运算符

算术运算符

+ 加法或正值运算符，还能实现字符串连接.

- 减法或负值运算符

* 乘法运算符

/ 除法运算符

% 模运算符，求余数

++ 自增，将变量加1后再将结果赋给这个变量. ++x:先赋值再自增，x++:先自增再赋值.

-- 自减，将变量减1后再将结果赋给这个变量.

赋值运算符

= 赋值

+= 将变量与所赋的值相加后的结果再赋值给该变量.

-= 将变量与所赋的值相减后的结果再赋值给该变量.

*= 将变量与所赋的值相乘后的结果再赋值给该变量.

/= 将变量与所赋的值相除后的结果再赋值给该变量.

%= 将变量与所赋的值求模后的结果再赋值给该变量.

比较运算符

> 大于

< 小于

>= 大于等于

<= 小于等于

== 等于

!= 不等于

逻辑运算符

&& 逻辑与

|| 逻辑或

! 逻辑非

位运算符

& 与运算符，两个位都为1，结果才为1，否则为0

| 或运算符，两个位都为0，结果才为0，否则为1

^ 异或运算符，两个位不同，结果才为1，否则为0

>> 右移，二进制位右移n位，左边移空部分补上原来的最高位值，相当于除以2的n次方

<< 左移，二进制位左移n位，右边移空部分补0，相当于乘以2的n次方

>>> 二进制位右移n位，左边补0，

7.程序流程控制

顺序结构

if条件选择语句

·if(条件语句){执行语句}

多学两招: if(x == null)或if(typeof(x) == "undefined")可以简写成if(!x).

·if(条件语句){执行语句块1} else{执行语句块2}

多学两招: 变量 = 布尔表达式?语句1:语句2，例如: var y = x>0?x:-x;

·if(条件语句1){执行语句块1} else if(条件语句n){执行语句块n} else{执行语句块n+1}

switch选择语句

switch(表达式)

{

case 取值1:

语句块1

break;

...

case 取值n:

语句块n

break;

default:

语句块n+1

break;

}

while循环语句

while(条件表达式语句)

{

执行语句块

}

do while语句

do

{

执行语句块

}while(条件表达式语句);

for循环语句

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

{

执行语句块

}

break与continue语句

break:

st:while(true)

{

while(true)

{

break st;

}

}

continue:跳过本次循环进入下一轮循环.

8.函数

函数的定义与调用

function 函数名 (参数列表)

{

程序代码

return 表达式;

}

函数的调用

·函数名(参数1,参数2,...)

·变量 = 函数名(参数1,参数2,...)

·在程序中直接使用返回结果: alert("sum=" + square(2,3));

全局变量与局部变量

参数个数可变的函数

在函数内部使用arguments对象来访问调用程序传递的所有参数.

function testparams()

{

var params = "";

for(var i=0;i<arguments.length;i++)

params = params + "" + arguments[i];

alert(params);

}

testparams("abc",123);

创建动态函数

var varName = new Function(argument1,...lastArgument);

所有的参数都必须是字符串类型，最后的参数必须是这个动态函数的功能程序代码.例

var square = new Function("x","y","var sum;sum=x*x + y*y;return sum;");

Javascript的系统函数

·encodeURI: 返回对一个URI字符串编码后的结果.

·decodeURI: 将一个已编码的URI字符串解码成最初始的字符串并返回.

·parseInt(numString,[radix]): 将一个字符串按指定的进制转换成整数.

·parseFloat: 将一个字符串转换成对应的小数.

·isNaN: 用于检测parseInt和parseFloat方法的返回值是否为NaN.

·escape: 返回对一个字符串进行编码后的结果字符串.

·unescape: 将一个用escape方法编码的结果字符串解码成原始字符串并返回.

·eval: 将其中的参数字符串作为一个JavaScript表达式执行.

9.对象

对象与对象实例

·对象中所包含的变量就是对象的属性

·对象中所包含的对属性进行操作的函数就是对象的方法

·对象的属性和方法都叫对象的成员

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

·能够被用来创建对象实例的函数就叫做对象的构造函数，只要定义了一个对象的构造函数，就等于定义了一个对象。

使用new关键字和对象的构造函数就可以创建对象实例，语法格式如下:

var objInstance = new ObjName(传递给该对象的实际参数列表);

·成员变量访问: 对象实例.成员变量或对象实例["成员变量"]

<script>

function Person()

{

}

var person1 = new Person();

person1.age = 18;

person1.name = "zxx";

function sayFunc()

{

alert(person1.name + ":" + person1.age);

}

person1.say = sayFunc;

person1.say();

</script>

构造方法与this关键字

·为一个对象实例新增加的属性和方法，不会增加到同一个对象所产生的其它对象实例上.

·所有的实例对象在创建后都会自动调用构造函数，在构造函数中增加的属性和方法会被增加到每个对象实例上.

·对象实例是用new关键字创建的，在构造方法中不要有返回结果的return语句.

·调用对象的成员方法时，需要使用"对象实例.成员方法"的形式，很显然，用作成员方法的函数被调用时，一定伴随有某个对象实例.

所以，this关键字一般只在用作对象成员方法的函数中出现.

<script>

function Person(name,age)

{

this.age = age;

this.name = name;

this.say = sayFunc;

}

function sayFunc()

{

alert(this.name + ":" + this.age);

}

var person1 = new Person("张三",18);

person1.say();

</script>

函数中参数传递，在函数中修改参数值的情况

·基本类型以值传递参数

·对象实例以引用传递参数

10.Javascript的内部对象

对象分类

·动态对象

使用"对象实例名.成员"的格式来访问其属性和方法.

·静态对象

直接使用"对象名.成员"的格式来访问其属性和方法.

内部对象

·Object对象

Object对提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数.

var person = new Object();

·String对象

·length属性: string.length

·anchor方法: string.anchor("para1")效果: <A NAME="para1">string</A>

·big方法: string.big()效果: <BIG>string</BIG>

·bold方法: string.bold()效果: <B>string</B>

·fontcolor方法: string.fontcolor("red")效果: <FONT COLOR="red">string</FONT>

·link方法: string.link(URL)效果: <A HREF="URL">string</A>

·charAt方法: 获取索引位置的字符. 例string.charAt(3).

注意: 一个字符串中的第一个字符的索引位置为0.

·charCodeAt方法: 获取索引位置的字符的unicode编码. 例string.charAt(3).toString(16).

·indexOf方法: 获取字符串的索引位置: string.indexOf("substring");

·lastindexOf方法: 获取字符串的索引位置，从后向前搜索

·match，search方法

·replace，split方法

·slice方法

·substr,substring方法

·Math对象

·Math对象静态对象，不能使用new关键字创建对象实例，应直接使用"对象名.成员"的格式来访问其属性或方法.

例如:var num = Math.random();

·Date对象

toString方法

toString方法是JavaScript中的所有内部对象的一个成员方法，它的主要作用就是将对象中的数据转换成某种格式的字符串来表示，具体的转换方式取决于对象的类型.

11.对象专用语句

with语句

for...in语句

12.数组

数组列表

·数组列表用于表示一组数据的集合，它由一对方括号包围，列表中的每个元素用逗号分隔，数组元素可以是任意类型的数据(包括其他数组).

·对于每个数组变量，都有一个length属性，表示该数组中元素的个数.

·使用"数组变量名[索引号]"的格式来访问每个数组元素。数组列表中的第一个元素的索引号为0.

·数组列表的每个元素既可以是有效的JavaScript表达式，也可以为空，空元素的值为undefined.

·熟组元素本身又是数组，这就叫数组的数组.使用"数组变量名[子数组索引号][子数组中的元素索引号]"的格式来访问数组的数组中的元素.

var arr = ["zs",123,'li',3.5];

for(var i=0;i<arr.length;i++)

{

alert(arr[i]);

}

Array对象，三种构造方法形式:

·Array()

·Array(4)

·Array(3.5,"abc",3)

程序示例:

var x,str = "";

var arr = new Array();

arr[0] = 3.5;

arr[1] = "abc";

arr[2] = 3;

arr.sort();

for(x in arr)

{

str = str + x + ":" + arr[x] + "\n";

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航