JS学习三(函数)
【函数的声明格式】
1.函数的声明格式:
function 函数名(参数1,参数2,...){
函数体代码
return 返回值;
}
函数的调用:
① 直接调用:函数名(参数1的值,参数2的值,....);
② 时间调用方式:直接在html标签中,使用事件名="函数名()"
<button ondblclick="saySth('哈哈哈','yellow')">点击按钮,打印内容</button>
2.函数的注意事项:
① 函数名必须符合小驼峰法则,(首字母小写,之后每个单词首字母大写)
② 函数名后面的()中,可以有参数,也可以没有参数,分别称为 有参函数 和 无参函数;
③ 声明函数时的参数列表,称为形参列表,形式参数。(变量的名字)
function saySth(str,color){}
调用函数是的参数列表,称为实参列表,实际参数。(变量的赋值)
saySth("hello!!!","red");
④ 函数的形参列表个数,与实参列表个数,没有实际关联关系。
函数参数的个数,取决于实参列表。
如果实参列表的个数<形参列表,则为赋值的形参,将为Undefind。
⑤ 函数可以有返回值,使用return返回结果。
调用函数时,可以使用一个变量接受函数的返回结果。如果函数没有返回值,则接受的结果为undefined;
function fun(){
return "哈哈";
}
var num = func(); num="哈哈"
⑥ 函数中变量的作用域:
在函数中,使用var声明的变量,为局部变量,只能在函数内部访问;
不用var声明的变量,为全部变量,在函数外面也能访问;
函数的形参列表,默认为函数的举局部变量,只能在函数内部使用。
⑦ 函数的声明与函数的调用,没有先后之分。即,可以在声明函数前,调用函数。
fun(); //声明之前调用可以。
function fun(){}
【匿名函数的声明使用】
1.声明一个匿名函数,直接赋值给某一个事件。
window.onload= function(){}
2.使用匿名函数表达式。将匿名函数,赋值给一个变量。
声明:var func=function (){}
调用:func();
注意:使用匿名函数表达式时,函数的调用,必须放在函数声明语句之后!!!
(与普通函数的区别)
3.自执函数:
① !function(){}(); 可以使用多种与运算符开头,一般用!
!function(形参列表){}(实参列表);
② (function(){}()); 使用()将函数集函数后的括号包裹。
③ (function(){})(); 使用()值包裹函数部分;
三种写法的特点:
① 使用!开头结构清晰,不容易混乱,推荐使用;
② 能够表明匿名函数与调用的()为一个整体,官方推荐使用;
③ 无法表示函数与之后剖的()的整体性,不推荐使用;
【函数的内部属性】
1.Arguments对象
① 作用:用于储存调用函数时的所有实参。
当我们调用函数,并用实参赋值时,实际上 到arguments数组中, 可以在函数中,使用arguments[n]的形式调用。n从0开始。
② arguments数组的个数,取决于实参列表,与形参无关。
但是,一旦第N个位置的形参、实参、arguments都存在时,形参将于arguments绑定,同步变化。
(即在函数中修改形参的值,arguments也会改变。反之,亦成立。)
③ arguments.callee 是arguments的重要标志。表示arguments所在函数的引用地址;
在函数里面,可以使用arguments.callee()调用函数本身。
递归
在函数内部,调用函数自身的写法,叫做递归。
递归分为两部分: 递 和 归。 以递归调用语句为界限,可以将函数分为上下两部分。
递:当函数执行上半部,遇到自身的语句时,继续进入内层函数,在执行上半部分。直到执行哇按最内层函数。
归:当内层函数执行以后面,在从最内层函数开始,逐渐执行函数的下半部分。
当最外层函数执行时,遇到自身调用语句,会进入内层函数执行,而外层函数的后半部分暂不执行。
直到内层函数执行完以后,在逐步向外执行。
【js代码的执行顺序问题】
js代码在运行时,会分为两大部分:检查装载和执行阶段
检查装载阶段:会先检测代码的语法错误,进行变量、函数的声明。
执行阶段:变量得瑟赋值、函数的调用等,都属于执行阶段。
以一下代码为例:
console.log(num); Undefine
var num=10;
func1(); 函数可以正常执行
function func1(){}
func2(); 函数不能执行,打印func2,显示Undefine
var func2= function(){}
-----------检查装载阶段----------
var num;
var func1 = function(){};
var func2;
----------------------------------------
-----------代码执行阶段----------
console.log(num);
var num = 10;
func1 ();
func2 ();
func2 = function(){}
----------------------------------------
console.log(num); Undefine
var num=10;
func1(); 函数可以正常执行
function func1(){}
func2(); 函数不能执行,打印func2,显示Undefine
var func2= function(){}
JS学习三(函数)的更多相关文章
- js学习之函数表达式及闭包
来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(七) 直接切入主题~ 定义函数的方式有两种: 函数声明 function functio ...
- js学习之函数的参数传递
我们都知道在 ECMAScript 中,数据类型分为原始类型(又称值类型/基本类型)和引用类型(又称对象类型):这里我将按照这两种类型分别对函数进行传参,看一下到底发生了什么. 参数的理解 首先,我们 ...
- js学习-自定义函数、对象的字面量、json对象学习小结
一.自定义对象的构造: var student=new Object(); //object是顶级对象,使用构造函数的方法创建一个对象,此处的意思是创建了一个学生的空对象 student.name=& ...
- js学习之函数声明与函数表达式区别[原创]
作为一名js初学者,与大家分享下.Javascript中有函数声明提升的功能,会优先编译函数声明部分.比如, ff(); function ff(){ alert("hello world. ...
- js学习之函数
1/.js中函数就是对象. 2/以表达式方式定义的函数一般不要函数名以使代码紧凑. 3/js中函数声明的方式会被默认提到外部脚本或最前面,所以在其定义前的代码也可调用. 然而以表达式方式的则不行. 4 ...
- Oracle的基本学习(三)—函数
一.字符函数 1.大小写控制函数 --lower:使字母变为小写-- --upper:使字母变为大写-- --initcap:使字符的第一个字母变为大写-- select lower('ABC') ...
- node.js学习三--------------------- http服务器模块的搭建
/** * http服务器的搭建,相当于php中的Apache或者java中的tomcat服务器 */ // 导包 const http=require("http"); //创建 ...
- js学习笔记 -- 函数
js函数有类似javaMethod用法 Math.max.apply( Math.max.call( Array map,reduce,filter,sort , , , , , , , , ]; v ...
- js学习:函数
概述 函数的声明 JavaScript 有三种声明函数的方法 function 命令 function命令声明的代码区块,就是一个函数.function命令后面是函数名,函数名后面是一对圆括号,里面是 ...
随机推荐
- NYOJ--1058--dfs--部分和问题
/* Name: NYOJ--1058--部分和问题 Author: shen_渊 Date: 15/04/17 19:27 Description: 简单的DFS,以为马上过的,递归的i+1写错了, ...
- salesforce 得到下拉列表控制依赖值的方法
salesforce中得到下拉列表的控制依赖值没有系统提供的方法.在网上找了一些,自己也编辑了一下. public static List<Integer> B64ToBytes (Str ...
- IE浏览器-官网下载地址
这里仅列出IE浏览器在微软官网的下载地址,便于日常使用. WindowsXP | IE6下载地址:http://www.microsoft.com/zh-CN/download/details.asp ...
- 有关XSS的一个系列教程
在乌云发现了一个有关XSS的教程,目前有21篇,够我慢慢儿学的了. 这个系列教程的地址:http://www.wooyun.org/whitehats/心伤的瘦子/page/1 几个常见的语句 < ...
- Java入门——(4)多线程
关键词:线程.Thread.Runnable.sleep().yield().join().同步 一.线程的概述 在一个操作系统中,每个独立执行的程序都可以称为一个进程,也就是"正在 ...
- Apache POI 一键上传(导入excel文件到数据库)
import cn.XXXX.bos.utils.PinYin4jUtils; import org.apache.commons.lang3.StringUtils; // HSSF:操作07版本之 ...
- 关于div+css排版布局中需注意的细节问题
第一个注意点:选择器的使用(标签.class.id) 三种选择器中id(#)的优先级最高,根据id名筛选出唯一元素: 如下输入:#menu{ width:1200px; height:45px; ba ...
- 多人开发的git项目如何保持提交日志为一条直线?
多人开发的git项目如何保持提交日志为一条直线? 一.Git的项目的git常用操作 a)Git clone 项目地址 从远程仓库克隆项目到本地 b)Git pull 从当前分支拉取更新代码 c)Git ...
- phpexcel导入excel处理大数据
先下载对应phpExcel 的包就行了https://github.com/PHPOffice/PHPExcel下载完成 把那个Classes 这个文件夹里面的 文件跟文件夹拿出来就好了.直接写到PH ...
- JAVA在win10上的安装环境配置
[TOC] 第一步: 打开右击电脑选择属性 第二步: 选择高级系统设置 第三部: 选择环境变量 第四部: 选择在系统变量中新建:JAVA_HOME 属性值为你的java的jdk的位置比如我的:E:\J ...