JS函数

作者: 随意人生_1b90 | 来源:发表于2017-06-03 17:43 被阅读0次

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

相关文章

网友评论

      本文标题:JS函数

      本文链接:https://www.haomeiwen.com/subject/jqppfxtx.html