JavaScript学习笔记之JS函数

所属分类: 网络编程 / JavaScript 阅读数: 1796
收藏 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=艺人

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

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

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多