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 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
在HTML5 localStorage中存储对象的示例代码
Apr 21 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
第十五节--Zend引擎的发展
2006/11/16 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
php多进程应用场景实例详解
2019/07/22 PHP
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
JavaScript制作的可折叠弹出式菜单示例
2014/04/04 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
javascrit中undefined和null的区别详解
2019/04/07 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
js实现批量删除功能
2020/08/27 Javascript
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
Python列表list操作相关知识小结
2020/01/29 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
音乐教师求职信
2014/06/28 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
餐馆开业致辞
2015/08/01 职场文书
flex弹性布局详解
2022/03/20 HTML / CSS