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
网友评论