js中的函数
【函数的声明及调用】
基础知识
1、函数声明的格式:
function 函数名(参数1,参数2,....){
//函数体
return 结果;
}
>>>函数调用的格式:
直接调用:函数名(参数1的值,参数2的值,...)
事件调用:事件名=函数名();
2、函数声明的几点强调:
① 函数名的声明,必须符合小驼峰法则(首字母小写,之后每个单词首字母大写);
② 参数列表,可以有参数,可以无参数。分别称为有参函数,无参函数;
③ 声明函数时的参数列表,称为“形参列表”(变量的名);
调用函数时的参数列表,称为“实参列表”(变量的值);
函数中,实际有效的参数取决于实参的赋值,未被赋值的形参,将为Undefined;
④ 函数如果需要返回值,可用return返回结果。
调用函数时,使用var 变量名=函数名();的方式,接收返回结果;
如果没有返回值,则接收的结果为Undefined;
⑤ 函数中变量的作用域:
在函数中,使用var声明的变量,默认为函数的局部变量,只在函数内容能用;
不用var声明的变量,默认为全局变量(函数的全局变量必须在函数调用后才能使用);
函数的形参列表,为函数局部变量,只在函数内部能用;
⑥ 函数声明与函数调用没有先后之分,即调用语句可写在声明语句之前;
function func1(){
console.log("调用无参函数");
}
function func2(num1,num2,num3){
var num=num1;
console.log("调用有参函数");
console.log("num为:"+num);
console.log("参数一为:"+num1);
console.log("参数二为:"+num2);
console.log("参数三为:"+num3);
}
var num = func2(1,2,3);
【匿名函数的调用】
1、声明一个匿名函数,直接赋给某个事件;
window.onload=function(){}
2、使用函数表达式,声明匿名函数;
声明函数表达式:var func = function(){}
调用函数表达式:func();
>>>使用匿名函数表达式,则调用语句,必须在声明语句之后,
否则报错(对比常规函数声明与调用区别);
3、使用自执行函数声明并直接调用匿名函数;
① !function(参数一){}(参数一的值 ); //使用任意运算符开头,一般使用!
② (function(){}());//使用()将匿名函数及之后的括号包裹
③ (function(){})();//使用()只包裹匿名函数表达式
三种写法的特点:
① 结构清晰,开头加!结尾加().不容易乱,推荐使用
② 可以表明匿名函数与之后的()为一个整体,推荐使用
③ 无法表明函数与之后的()为一个整体,不推荐使用
window.onload=function(){
console.log("使用window.onload调用匿名事件");
}
var func3 = function(){
console.log("使用函数表达式,调用匿名事件");
}
/*
[函数内部的作用对象]
Arguments对象
1、作用:用于保存调用函数时,所赋值的实参列表。
>>>>当我们调用函数,并使用实参赋值时,实际上参数已经保存到Arguments数组中。即使没有形参
,也可以使用Arguments[n]的形式调用参数。
2、 Arguments数组的个数取决于实参列表与形参无关(顺序从0开始);
但当第n个位置的形参,实参,Arguments都存在时形参与Arguments是同步的,
(既在函数中修改其中一个的值,另一个会同步变化);
3、Arguments.callee是Arguments的重要属性,用于返回Arguments所在函数的引用。
Arguments.callee() 可以调用自身函数执行。
在函数内部调用函数自身的写法被称为递归,所以Arguments.callee()是递归调用时常用的方式;
this
指向函数调用语句所在的作用域,即谁调用函数,this指向谁;
console.log(num)
var num = 10;
funcN()
function funcN(){}
[JS中代码执行顺序]
JS中代码运行,会先进行检查、装载,即声明变量、函数等操作;
然后在进入执行阶段,(变量的赋值等属于执行阶段)。
所以,函数的声明属于检查装载阶段,函数的调用属于执行阶段。so,函数调用语句写在哈数声明语句之前,并没有任何关系。
所以,上述代码,执行流入
-------检查装载阶段-------
var num; //声明变量
function func() // 声明函数
-------检查装载阶段-------
console.log(num) ;
num = 10 ;
funcN(); //执行函数的{}中的代码
案例
1、用函数编写一个四则运算器
function calc(fu){
num1=parseFloat(prompt("请输入一个数字"));
num2=parseFloat(prompt("请再输入一个数字"));
switch (fu){
case "+" :
console.log(num1+num2);
break;
case "-" :
console.log(num1-num2);
break;
case "*" :
console.log(num1*num2);
break;
break;
case "/" :
console.log(num1/num2);
break;
default:
console.log("输入有误");
break;
}
}
</script>
</head>
<body>
<button onclick="calc('+')">+</button>
<button onclick="calc('-')">-</button>
<button onclick="calc('*')">*</button>
<button onclick="calc('/')">/</button>
</body
2、通过递归计算1+2+3+4+...+10
var sum=0;
!function getsum(num){
sum+=num;
num++;
if (num<=10) {
arguments.callee(num);
}
}(1);
console.log(sum);
3、 /*1!+2!+...+10!=?*/
var sum=0;jie =1;
!function getsum(num){
/*var jie =1;
!function(num1){
jie *=num1;
num1++;
if (num1<=num) {
arguments.callee(num1);
}
}(1);*/
jie *=num;
sum+=jie;
num++;
if (num<=10) {
arguments.callee(num);
}
}(1);
console.log(sum);
js中的函数的更多相关文章
- JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype
一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...
- js中的函数,Date对象,Math对象和数组对象
函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. ...
- js中getByClass()函数
js中getByClass()函数进化史 对于js来说,我想每一个刚接触它的人都应该会抱怨:为什么没有一个通过class来获取元素的方法.尽管现在高版本的浏览器已经支持getElementsByCla ...
- JS中的函数、Bom、DOM及JS事件
本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...
- node.js 中回调函数callback(转载),说的很清楚,看一遍就理解了
最近在看 express,满眼看去,到处是以函数作为参数的回调函数的使用.如果这个概念理解不了,nodejs.express 的代码就会看得一塌糊涂.比如: 复制代码 代码如下: app.use(fu ...
- JS中的函数、BOM和DOM操作
一.JS中的函数 [关于注释] /** [文档注释]:开头两个*.写在函数上方,在调用函数时可以看到文档上方的描述信息. */ // 单行注释 /* 多行注释 */ 1.函数的声明及调用 (1) ...
- html css <input> javaScript .数据类型 JS中的函数编写方式 BOM总结 DOM总结
Day27 html css div 块标签. 特点: 独占一行,有高度和宽度 span 行元素. 特点:在同一行显示,当前行满了自动去下一行显示. 不识别高度和宽度 1.1.1.1 2.输入域标签 ...
- 前端之js中的函数
函数 函数就是重复执行的代码片. 函数定义与执行 <script type="text/javascript"> // 函数定义 function ...
- JS中的函数节流throttle详解和优化
JS中的函数节流throttle详解和优化在前端开发中,有时会为页面绑定resize事件,或者为一个页面元素绑定拖拽事件(mousemove),这种事件有一个特点,在一个正常的操作中,有可能在一个短的 ...
- JS中encodeURIComponent函数用php解码的代码
JS中encodeURIComponent函数给中文编码后,如何用php解码?? 前提:编码前的中文可能是gbk,gb2312,utf-8等. 复制代码 代码如下: urldecode() iconv ...
随机推荐
- 微信小程序中在swiper-item中遍历循环添加多个数据内容(微信小程序交流群:604788754)
在小程序中为了实现一个<swiper-item>中添加多个内容重复的标签,那就需要使用wx:for循环.如果按小程序的简易教程,循环加在block中,而swiper-item放在里面.所有 ...
- DokiCam 360°4K相机:为极致运动爱好者而生
去年11月,位于中国苏州的DokiCam为其360°消费像机推出了Kickstarter人群资助活动.随着本次活动圆满结束,这款被称为DokiCam 360°的动作相机现在已经可以购买. 进入360° ...
- mysql获取当前日期的周一和周日的日期
,,date_format(curdate(),)//获取当前日期 在本周的周一 的日期 ,,date_format(curdate(),)//获取当前日期 在本周的周日 的日期
- 前端魔法堂:onsubmit和submit事件处理函数怎么不生效呢?
前言 最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了.下面我们将一一道来. 提交表单的方式 表单仅含一个以下的元素时 ...
- 用react系列技术栈实现的demo整合系统
引子 学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平. 由于公司采用的react+node的技术 ...
- hdu4681 String DP(2013多校第8场)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4681 思路: 我是胡搞过的 就是先预处理出(i,j)的正向的最大连续子串和逆向最大连续子串 然后对于A ...
- hdu1421 搬寝室 DP
转载: /*证明:从4个数中 a b c d 依次递增: 选取相邻的两个数一定是最小得 及:(a-b)^2+(c-d)^2<(a-c)^2+(b-d)^2&&(a-b)^2+( ...
- (转)Amoeba for MySQL 非常好用的mysql集群软件
Amoeba for MySQL Amoeba for MySQL致力于MySQL的分布式数据库前端代理层,它主要在应用层访问MySQL的时候充当query 路由功能,专注 分布式数据库 proxy ...
- 前端小课堂 js:函数的创建方式及区别
js 函数的创建大体有这几种方式: -1-函数表达式(函数字面量): 说白了就是把一个函数赋值给了一个变量. var fun1 = function(index){ alert(index); } f ...
- Updates were rejected because the remote contains work that you do
每次建立新的仓库,提交的时总会出现这样的错误,真是头疼,...... 直接开始正题,git 提交的步骤: 1. git init //初始化仓库 2. git add .(文件name) //添加文件 ...