Js学习第十天----函数
函数
什么是函数?函数是由事件驱动的或者当他被调用时运行的可反复使用代码块.预计没明确,个人觉得函数就是能完毕一个功能的代码块.
看个案例:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
</body>
</html>
等等,前面说的用functionkeyword声明一个函数你总该知道吧?
别搞笑啦,你肯定知道.
JS函数语法
函数就是包裹在花括号里的代码块,前面使用了keywordfunction:
function functionName()
{
这里是要运行的代码
}
当调用函数时,会发生什么呢?你应该知道怎么调用吧!
能够在某事件发生时直接调用函数(比方用户点击button时),而且可由JS在不论什么位置进行调用.
提示:JS对大写和小写敏感吗?
所以functionkeyword怎么样写?
调用带參数的函数
在调用函数时,您能够想起传递值,这些值成为參数.
这些參数能够在函数中使用.
你能够发送人一多的參数,由逗号(,)分隔:
function method(argument1,argument2,...argumentn)
{}
当你声明函数时,请把參数作为变量来声明:
function myFunction(var1,var2)
{
要运行的代码
}
变量和參数必须以抑制的顺序呢出现.第一个变量就是第一个被传递的參数的给定值,以此类推.
实例:
<script>
function method(name,age)
{
alert("name: "+name+", age: "+age);
}
method("syx",22);
</script>
事实上这样单纯的调用没啥意义,对吧.主要是要有一种牛X的效果,能够通过一个事件来触发一个函数.就像这样:
<script>
function method(name,age)
{
alert("name: "+name+", age: "+age);
}
</script>
</head>
<body>
<button onclick="method('syx',22)">单击我试试</button>
</body>
带有返回值的函数
有时,我们会希望函数将值返回调用它的地方
通过使用return语句便能够实现
在使用return语句时,函数会停止运行,并返回指定的值.
语法
function Method()
{
var x=5;
return x;
}
上面的函数会返回5.
凝视:整个JS并不会停止运行,不过函数.JS将继续运行代码,从调用函数的地方.
函数调用将被返回值代替:
var value=Method();
value变量的值是5,也就是函数Method()所返回的值.
即使不把它保存为变量,您也能够使用返回值.
document.getElementById(“demo”).innerHTML=Method();
“demo”元素的innerHTML将成为5,也就是函数”Method()”所返回的值.
你能够使返回值基于传递到函数中的參数:
<p>本例调用的函数会运行一个计算。然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
在你只希望退出函数时,也可使用return语句.返回值是可选的:
function myFunction(a,b)
{
if(a>b)
{
return ;
}
x=a+b
}
假设a>b,则上面的代码就退出,并不会计算a+b的值.
局部JS变量
在Js函数内部声明的变量(使用var)是局部变量,所以仅仅能在函数内部訪问它.(该变量的作用域是局部的).
你能够在不同的函数中实名名称同样的局部变量,由于仅仅有声明过变量的函数才干识别出该变量.
仅仅要函数执行完成,本地变量就会被删除.
全局JS变量
在函数外声明的变量是全局变量,网页上的全部脚本和函数都能訪问它.
JS变量的生存期
JS变量的生命期从它们被声明的时间開始.
局部变量会在函数执行以后被删除.
全局变量会在页面关闭后被删除.
向未声明的JS变量来分配值
假设您把值赋给尚未声明的变量,该变量将会被自己主动作为全局变量声明.案例:
value=”hello,world”;
将生命一个全局变量value.及时他在函数内运行.
Js学习第十天----函数的更多相关文章
- Ext JS学习第十六天 事件机制event（一） DotNet进阶系列(持续更新) 第一节：.Net版基于WebSocket的聊天室样例 第十五节：深入理解async和await的作用及各种适用场景和用法 第十五节：深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G
code&monkey Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...
- Ext JS学习第十天 Ext基础之 扩展原生的javascript对象（二）
此文来记录学习笔记: 今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error ------------------------------------------ ...
- （转）js学习笔记（）函数
1.调用函数时,如果参数多于定义时的个数,则多余的参数将会被忽略,如果少于定义时的个数则缺失的参数数会被自动赋予undefined值. 2.如果是用function语句声明的函数定义则不可以出现在循环 ...
- Ext JS学习第十天 Ext基础之动态加载JS文件（补充）
此文用来记录学习笔记: •Ext4.x版本提供的一大亮点就是Ext.Loader这个类的动态加载机制!只要遵循路径规范,即可动态加载js文件,方便把自己扩展组件动态加载进来,并且减轻浏览器的压力. • ...
- Ext JS学习第十五天 Ext基础之 Ext.DomQuery
此文同来记录学习笔记 •Ext.dom.Query 嗯,这个类一看就是到时做什么事儿的,不用我去过多的解释了.这个类一共提供了8个方法供开发人员去使用. •要说最常用的方法,无非就是Ext.query ...
- Ext JS学习第十四天 Ext基础之 Ext.DomHelper
此文用来记录学习笔记 •我们已经学过了Element这个类,无疑是非常强大的,里面提供了丰富的方法供我们使用,但是Ext为了更加的方便我们去操作DOM元素,特提供了DomHelper这个辅助的工具 ...
- C++学习基础十六-- 函数学习笔记
C++ Primer 第七章-函数学习笔记 一步一个脚印.循序渐进的学习. 一.参数传递 每次调用函数时,都会重新创建函数所有的形参,此时所传递的实参将会初始化对应的形参. 「如果形参是非引用类型,则 ...
- js学习（4） 函数
JavaScript有三种声明函数的方法 (1)function命令 function print(s) { console.log(s); } (2)函数表达式 1.var print = func ...
- js学习笔记34----自执行函数
自执行函数的写法通常如下: 方式1: (function(){ *** 写事件处理代码 *** }()) 方式2: (function(){ *** 写事件处理代码 *** })() 方式3: !(f ...
随机推荐
- C++ STL容器底层机制
1.vector容器 vector的数据安排以及操作方式,与array非常相似.两者的唯一区别在于空间的运用的灵活性.array是静态空间,一旦配置了就不能改变.vector是动态空间,随着元素的加入 ...
- Matplotlib基本图形之折线图
Matplotlib基本图形之折线图折线图特点 折线图是用折线将各数据连起来组成的图形常用来观察数据随时间变化的趋势例如:股票价格,温度变化,等等 示例代码: import os import tim ...
- python pdb模块
参考文件http://pythonconquerstheuniverse.wordpress.com/category/Python-debugger/ 翻译不是一一对应 Debug功能对于devel ...
- 【机房收费系统 4】：VB获取标准北京时间，免除时间误差
导读:这又是师傅给我指出的一个问题,说实话,其实开始根本没有当回事,觉得麻烦,可是,等我完成了获取标准北京时间后,我发现,这一步,是必须的.谢谢师傅对我的严格要求,让我一步一步的成长起来! 一.事件缘 ...
- POJ-1236 Network of Schools，人生第一道Tarjan....
Network of Schools 题意:若干个学校组成一个计算机网络系统,一个学校作为出发端连接着若干个学校,信息可以传送到这些学校.被链接的学校不需要再次与出发端相连,现在问你:A:最少选几个学 ...
- 九度oj 题目1030：毕业bg
题目描述: 每年毕业的季节都会有大量毕业生发起狂欢,好朋友们相约吃散伙饭,网络上称为“bg”.参加不同团体的bg会有不同的感觉,我们可以用一个非负整数为每个bg定义一个“快乐度”.现给定一个b ...
- tab栏切换效果
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- Android刷新页面
代码改变世界 Android刷新页面 继承 extends Activity /*** 调用onCreate(), 目的是刷新数据, 从另一activity界面返回到该activity界面时, 此方 ...
- 算法复习——求最长不下降序列长度（dp算法）
题目: 题目背景 161114-练习-DAY1-AHSDFZ T2 题目描述 有 N 辆列车,标记为 1,2,3,…,N.它们按照一定的次序进站,站台共有 K 个轨道,轨道遵从先进先出的原则.列车进入 ...
- 【单调队列优化dp】uestc 594 我要长高
http://acm.uestc.edu.cn/#/problem/show/594 [AC] #include<bits/stdc++.h> using namespace std; t ...