JS函数

JS函数

最佳答案 53678位专家为你答疑解惑

JS函数

js函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

<script>

? function myf() {

? ? alert("holle china");

? }

</script>

<button type="button" onclick="myf()">请点击</button>

运行效果

javascript函数语法

函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function myf() {

? 这里是要执行的代码

}

当调用函数时，会执行函数内的代码

调用带参数的函数

在调用函数时，可以向其传递值，这些值被称为参数。

这些值可以在函数中使用。可以发送任意多的参数，由逗号（,）分隔:

myf( name1, name2)

声明函数时，把参数作为变量来声明：

function myf(var1, var2) {

? 要执行的代码

}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

<styipt>

? function myf(x, y, z) {

? ? alert("姓名：" + x + " 年龄：" + y + " 性别：" + z);

? }

</script>

<button type="button" onclick="myf('张三', '38','男')">请点击</button>

运行效果

函数很灵活，可以使用不同的参数来调用该函数，这样会给出不同的消息：

<button type="button" onclick="myf('张三', '38','男')"><请点击/button>

<button type="button" onclick="myf('李红', '36','女')"><请点击/button>

运行效果

根据点击不同的按钮，返回不同的值

有时，我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

function myf() {

var x=5;

return x;

}

document.write("myf()" + myf());

上面函数返回值5.

function myf(x, y) {

? return x*y

}

document.write("myf()=" + myf(5,6));

运行效果：

局部 JS 变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。

全局 JS 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JS 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。

向未声明的 JS 变量来分配值

如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

JS运算符

运算符=用于给变量赋值。算术运算法 + 用于把值加起来。

var x=5,

y=6,

z=x+y;

document.write("z=" + z);

运行结果

JS算术运算符

算术运算符用于执行变量与/或值之间的算数运算。

运算符：加（+） ?减（-） ?乘（*） ?除（/） ?求余数（%） ?递加（++） ? 递减（--）

JS赋值运算符

赋值运算符用于给javascript变量赋值

=? ? ?x=y

+=? ? ? x +=y? ? 等同于 ? ?x=x + y

-=? ? ? x -=y ? ? ?等同于 ? ? x=x - y

*=? ? ? x *=y? ? ? 等同于 ? ? x=x * y

/=? ? ? x /=y? ? ? ? 等同于 ? ?x=x / y

%=? ? x %=y? ? ? 等同于 ? ?x=x % y

用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来（连接起来）。如需把两个或多个字符串变量连接起来，请使用 + 运算符。

var txt1="what a very ",

txt2="nice day !",

txt3=txt1 + txt2;

document.write("txt3=" + txt3);

运行结果

如果把数字和字符串相加，结果也将成为字符串

var ?x1=5,

x2=3,

y1="html",

y2="css",

x, y;

document.write("x="+ (y1 + x1) + " y=" + (y2 + x2));

运行结果

JS比较和逻辑运算符

比较和逻辑运算符用于测试true 或 false。

比较运算符：

比较运算符在逻辑语句中使用，以测定变量或值是否相等。

==?等于 ? ? ? ?===?全等（值和类型） ? ? ? !=不等于

> ?大于 ? ? ? ?< ?小于 ? ? >=?大于或等于 ? ? ? <=?小于或等于

使用： ?在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：

if( age<18 ) document.wriye("Too young");

逻辑运算符：

逻辑运算符用于测定变量或值之间的逻辑。

&& ? and（和） ? ? ? ?(x < 5 && y > 6)

|| ? ? ? or （活） ? ? ? ?(x > 10 || x < 15)

! ? ? ? ? not（不） ? ? ?!(x==y)

条件运算符：

javascript 还包含了基于某些条件对变量进行赋值的条件运算符。

语法： ? variablename=(condition) ? value1:value2 ? ? //变量名称=（条件）? 值1：值2

条件满足 变量赋值1，否则赋值2

Javascript函数

1.对比Java中的方法：

2.Javascript中函数的语法格式(函数语法格式（注意：形式参数只写名字，不写var）)：

3.函数必须调用才可以执行：

3.1调用方法1（函数名（参数））：

3.2调用方法2（使用事件句柄）：

注意：window.alert（）和我们自己写的函数没什么区别，只不过一个是他们js自己内定的一个是我们自己写的。

4.在js中函数不可重名：

4.1Javascript定义同名函数，后面声名的函数会将前面声名的函数覆盖，即后面的函数做主

或者说：两个同名函数出现，他会认为这两个函数一样，直接将第一个函数从内存中抹除。

4.2例子（同名函数调用，只调用了第二个函数）：

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

5.关于定义方法传入参数（定义的方法有两个形参，调用时分别传入两个数值；一个字符串；空值；三个数值）：

函数代码：

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

分别传入两个数值；一个字符串；空值（//后面的为运行结果）

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

传入三个数值：

注意：定义两个变量，调用方法传入三个参数，则第三个参数会废了，之所以为三，是因为1+2为3，而不是输出第三个数值3。