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