JavaScript学习笔记之JS函数

所属分类: 网络编程 / JavaScript 阅读数: 1787
收藏 0 赞 0 分享

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

复制代码 代码如下:

function functionName()
{
    这里是要执行的代码
}

函数参数
  函数的参数可以任意多个,不用声明变量类型,只用给出变量名:

复制代码 代码如下:

function myFunction(name, job)
{
    这里是要执行的代码
}

函数返回值
  在函数中使用return语句,函数会停止执行,返回调用它的地方。

  函数的返回值也不用声明类型,直接返回即可。

复制代码 代码如下:

function myFunction()
{
    var x=5;
    return x;
}

  上面的函数会返回返回值5。

  注:整个 JavaScript 并不会停止执行,仅仅是函数。

  JavaScript 将继续执行代码,从调用函数的地方。

  函数调用将被返回值取代:

复制代码 代码如下:

var myVar=myFunction();

  仅仅希望退出函数时 ,也可使用 return 语句。

  返回值是可选的:

复制代码 代码如下:

function myFunction(a,b)
{
    if (a>b)
    {
      return;
    }
    x=a+b;
}

  当a大于b时不再往下执行,而是直接返回。

局部变量
  关于局部变量和全局变量这里再重复说一遍吧。

  在 JavaScript 函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

  可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

  只要函数运行完毕,本地变量就会被删除。

全局变量

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

  注意:向未声明的 JavaScript 变量来分配值:

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

  这条语句:

carname="Volvo";
  将声明一个全局变量carname,即使它在函数内执行。

函数实例

复制代码 代码如下:

<body>
    <script type="text/javascript">
        function member(name, job) //类比Java的构造函数,JS是没有类的概念的
        {
            this.name = name;
            this.job = job;
        }
        function showProperty(obj, objString) {
            var str = "";
            for ( var i in obj) {
                //遍历对象中的每一个属性
                str += objString + "." + i + "=" + obj[i] + "<br/>";
                //i表示属性
                //obj[i]表示该属性的值
            }
            return str;
        }
        var obj = new member("刘德华", "艺人");//建立对象实例
        document.writeln(showProperty(obj, "person"));
    </script>
</body>

输出:

复制代码 代码如下:

person.name=刘德华
person.job=艺人

以上就是本文的全部内容了,希望小伙伴们能够喜欢,有疑问请给我留言。

更多精彩内容其他人还在看

JS组件Bootstrap Table使用方法详解

这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法,具有一定的实用性,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript禁止超链接跳转的方法

这篇文章主要介绍了javascript禁止超链接跳转的方法,结合实例分析了JavaScript事件机制与鼠标事件的响应操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

JavaScript实现的MD5算法完整实例

这篇文章主要介绍了JavaScript实现的MD5算法,以完整实例形式分析了基于JavaScript实现MD5算法的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Hammer.js+轮播原理实现简洁的滑屏功能

这篇文章主要介绍了Hammer.js+轮播原理实现简洁的滑屏功能的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

基于JQuery实现图片轮播效果(焦点图)

这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果,利用Jquery制作焦点图左右轮播特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript实现瀑布流加载图片原理

这篇文章主要为大家介绍了javascript实现瀑布流加载图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript实现的SHA-1加密算法完整实例

这篇文章主要介绍了JavaScript实现的SHA-1加密算法,以完整实例形式分析了SHA-1加密算法的具体实现技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Javascript实现的SHA-256加密算法完整实例

这篇文章主要介绍了Javascript实现的SHA-256加密算法,以完整实例形式分析了JavaScript实现SHA-256加密的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

原生js实现图片层叠轮播切换效果

这篇文章主要为大家详细介绍了原生js实现图片层叠轮播切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript自动切换焦点控制效果完整实例

这篇文章主要介绍了javascript自动切换焦点控制效果的方法,结合完整实例形式分析了JavaScript响应键盘按键控制表单输入框的焦点切换功能,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多