javaScript基础 (四)

来源：互联网发布：mac桌面显示磁盘编辑：程序博客网时间：2024/06/05 16:33

1.1.1. for in语句

for 语句是严格的迭代语句，用于枚举对象的属性或者遍历一个数组的元素。

它的语法如下：

for (property in expression) statement

例子：

for (sProp in window) {

alert(sProp);

}

这里，for-in 语句用于显示window对象的所有属性。

在java中for(int a：arr){

//arr是被遍历的对象这里是个数组

}

1.1. JavaScript函数基础

函数主要用来封装具体的功能代码。

函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码。

注意：函数的形参是不用声明使用的。

函数的基本语法是这样的：

function functionName(arg0, arg1, ... argN) {

statements

}

例如：

function sayHi(sName, sMessage) {

alert("Hello " + sName + sMessage);

}

调用函数？

函数可以通过其名字加上括号中的参数进行调用，如果有多个参数。

如果您想调用上例中的那个函数，可以使用如下的代码：

sayHi("David", " Nice to meet you!")

调用上面的函数 sayHi() 会生成一个警告窗口。

函数的返回值

没有返回值类型，如果一个函数需要返回值直接使用return即可.

该函数只需要使用 return 运算符后跟要返回的值即可。

function sum(iNum1, iNum2) {

return iNum1 + iNum2;

}

注释：如果函数无明确的返回值，或调用了没有参数的 return 语句，那么它真正返回的值是 undefined。

-----------------------------------------------------------------

函数格式

Function 函数名(参数列表){

代码;

return 返回值; //return不是必须的.

}

示例:

function foo() {

alert("test");

}

function foo2( a ){

alert(a);

return; // 没有返回值，表示方法执行完了，后面如果有代码就不会执行了

}

function foo3( a, b ){

alert(a + b);

}

function foo4( a, b ){

return a + b;

}

注意事项:

1.不需要类型，只写形参的名称就可以了。

2声明时不需要指定返回值类型；return可以有，也可以没有。

2. javascript中的函数没有重载的形式，后定义的函数会直接覆盖前面的函数。

3. 一个函数可以接收任意个参数。

参数:

JS的函数都是类似于Java中可变参数的。

在函数中可以直接使用arguments变量，arguments是一个数组，表示所有传递过来的参数。

在声明函数时，定义的形参就对应arguments数组中相应位置的参数值，写形参只是用着方便一点。

参数示例

定义：

function foo( a, b, c ){

...

}

调用：

foo()

foo( 1, 2 )

foo( 1, 2, 3 )

foo( 1, 3, 5, 7, 9 )

foo( "aa", null, "cc" )

没有重载

当同一个名称的函数定义多次时，最终使用的是最后一个的定义。没有重载！

例：

function sum(){ alert("11"); }

function sum(a,b){ alert("22"); }*

调用时写sum(1,2)，结果还是显示“22”。

总结：

特点：

1、使用function关键字定义函数。

2、没有任何的返回值类型。

3、函数的定义优先执行，与顺序无关。

4、可以通过函数名赋值函数，函数变量的类型是function对象。

5、参数列表不能有var关键字。

6、函数的参数列表在具体调用的时候实参个数可以和形参个数不同。

7、JavaScript函数天然的支持可变参数。

8、同名的函数最后声明会覆盖前面以声明。Javascript中没有函数重载。

案例:体验JavaScript

定义一个输入框输入的月份，然后输出本月对应的天数。

<html>

<head>

<title>学习JavaScript</title>

</head>

<body>

月份：

<!--

31天：1,3,5,7,8,10,12

30天：4,6,9,11

28天：2

-->

function foo(){

var monthValue = document.getElementById("month").value;

// 如果是非数字，则不再继续执行

if( isNaN(monthValue) ){

alert("请输入正确的月份！");

return;

}

// 转为数字

monthValue = parseInt(monthValue);

// 判断范围

if( monthValue < 1 || monthValue > 12){

alert("请输入正确的月份（1--12）！");

return;

}

// 根据月份显示天数

switch(monthValue){ // 这时不会自动转换类型，所以先转型

case 2:

alert("28天");

break;

case 4:

case 6:

case 9:

case 11:

alert("30天");

break;

default:

alert("31天");

break;

}

</script>

</body>

</html>

1.1.2. With语句

wth语句的作用：有了 With语句，在存取对象属性和方法时就不用重复指定参考对象。

格式：

with(obj){

操作obj的属性语句;

}

</script>

1.1. JavaScript函数基础

函数主要用来封装具体的功能代码。

函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码。

注意：函数的形参是不用声明使用的。

函数的基本语法是这样的：

function functionName(arg0, arg1, ... argN) {

statements

}

例如：

function sayHi(sName, sMessage) {

alert("Hello " + sName + sMessage);

}

调用函数？

函数可以通过其名字加上括号中的参数进行调用，如果有多个参数。

如果您想调用上例中的那个函数，可以使用如下的代码：

sayHi("David", " Nice to meet you!")

调用上面的函数 sayHi() 会生成一个警告窗口。

函数的返回值

没有返回值类型，如果一个函数需要返回值直接使用return即可.

该函数只需要使用 return 运算符后跟要返回的值即可。

function sum(iNum1, iNum2) {

return iNum1 + iNum2;

}

注释：如果函数无明确的返回值，或调用了没有参数的 return 语句，那么它真正返回的值是 undefined。

-----------------------------------------------------------------

函数格式

Function 函数名(参数列表){

代码;

return 返回值; //return不是必须的.

}

示例:

function foo() {

alert("test");

}

function foo2( a ){

alert(a);

return; // 没有返回值，表示方法执行完了，后面如果有代码就不会执行了

}

function foo3( a, b ){

alert(a + b);

}

function foo4( a, b ){

return a + b;

}

注意事项:

1.不需要类型，只写形参的名称就可以了。

2声明时不需要指定返回值类型；return可以有，也可以没有。

2. javascript中的函数没有重载的形式，后定义的函数会直接覆盖前面的函数。

3. 一个函数可以接收任意个参数。

参数:

JS的函数都是类似于Java中可变参数的。

在函数中可以直接使用arguments变量，arguments是一个数组，表示所有传递过来的参数。

在声明函数时，定义的形参就对应arguments数组中相应位置的参数值，写形参只是用着方便一点。

参数示例

定义：

function foo( a, b, c ){

...

}

调用：

foo()

foo( 1, 2 )

foo( 1, 2, 3 )

foo( 1, 3, 5, 7, 9 )

foo( "aa", null, "cc" )

没有重载

当同一个名称的函数定义多次时，最终使用的是最后一个的定义。没有重载！

例：

function sum(){ alert("11"); }

function sum(a,b){ alert("22"); }*

调用时写sum(1,2)，结果还是显示“22”。

总结：

特点：

1、使用function关键字定义函数。

2、没有任何的返回值类型。

3、函数的定义优先执行，与顺序无关。

4、可以通过函数名赋值函数，函数变量的类型是function对象。

5、参数列表不能有var关键字。

6、函数的参数列表在具体调用的时候实参个数可以和形参个数不同。

7、JavaScript函数天然的支持可变参数。

8、同名的函数最后声明会覆盖前面以声明。Javascript中没有函数重载。

案例:体验JavaScript

定义一个输入框输入的月份，然后输出本月对应的天数。

<html>

<head>

<title>学习JavaScript</title>

</head>

<body>

月份：

<!--

31天：1,3,5,7,8,10,12

30天：4,6,9,11

28天：2

-->

function foo(){

var monthValue = document.getElementById("month").value;

// 如果是非数字，则不再继续执行

if( isNaN(monthValue) ){

alert("请输入正确的月份！");

return;

}

// 转为数字

monthValue = parseInt(monthValue);

// 判断范围

if( monthValue < 1 || monthValue > 12){

alert("请输入正确的月份（1--12）！");

return;

}

// 根据月份显示天数

switch(monthValue){ // 这时不会自动转换类型，所以先转型

case 2:

alert("28天");

break;

case 4:

case 6:

case 9:

case 11:

alert("30天");

break;

default:

alert("31天");

break;

}

</script>

</body>

</html>

阅读全文

0 0