JS函数

js函数

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

请点击

运行效果

javascript函数语法

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

function myf() {

  这里是要执行的代码

}

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

调用带参数的函数

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

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

myf( name1, name2)

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

function myf(var1, var2) {

  要执行的代码

}

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

  function myf(x, y, z) {

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

  }

请点击

运行效果

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

<请点击/button>

<请点击/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