JavaScript学习笔记之JS函数


Posted in Javascript onJanuary 22, 2015

函数就是包裹在花括号中的代码块,前面使用了关键词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=艺人

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

Javascript 相关文章推荐
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
layui form.render('select', 'test2') 更新渲染的方法
Sep 27 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 Javascript
JavaScript学习笔记之基础语法
Jan 22 #Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 #Javascript
Angularjs基础知识及示例汇总
Jan 22 #Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 #Javascript
使用jquery操作session方法分享
Jan 22 #Javascript
jQuery实现“扫码阅读”功能
Jan 21 #Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 #Javascript
You might like
PHP常用函数小技巧
2008/09/11 PHP
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
语义化 H1 标签
2008/01/14 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
vue二级路由设置方法
2018/02/09 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
json字符串传到前台input的方法
2018/08/06 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
Python语言描述连续子数组的最大和
2018/01/04 Python
python 统计一个列表当中的每一个元素出现了多少次的方法
2018/11/14 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Python timeit模块的使用实践
2020/01/13 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
法国家具及室内配件店:home24
2017/01/21 全球购物
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
承诺书模板
2014/08/30 职场文书
长征观后感
2015/06/09 职场文书