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 相关文章推荐
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
javascript里使用php代码实例
Dec 13 Javascript
动态加载js的方法汇总
Feb 13 Javascript
深入分析JSON编码格式提交表单数据
Jun 25 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
Bootstrap模态框案例解析
Mar 05 Javascript
解析Vue.js中的组件
Feb 02 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
如何让node运行es6模块文件及其原理详解
Dec 11 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
Vue多选列表组件深入详解
Mar 02 Vue.js
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
C# Assembly类访问程序集信息
2009/06/13 PHP
PHP中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
JavaScript如何操作css
2020/10/24 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
Python random模块(获取随机数)常用方法和使用例子
2014/05/13 Python
图文详解WinPE下安装Python
2016/05/17 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
python实现八大排序算法(1)
2017/09/14 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
python并发和异步编程实例
2018/11/15 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
Born鞋子官网:Born Shoes
2017/04/06 全球购物
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
银行开业庆典方案
2014/02/06 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
放假通知
2015/04/14 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
Selenium浏览器自动化如何上传文件
2022/04/06 Python