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(){}

时间: 2024-10-11 22:56:56

JS学习三(函数)的相关文章

js学习总结----函数的三种角色

注意:Function.prototype是函数数据类型的值,但是相关操作和之前的一模一样->Empty/anonymous 函数本身也会有一些自己的属性:   length :形参的个数   name:"Fn" 函数名   prototype 类的原型,在原型上定义的方法都是当前Fn这个类实例的公有方法   __proto__ 把函数当做一个普通的对象,指向Function这个类的原型 函数在整个JS中是最复杂的也是最重要的知识: 1.一个函数存在了多面性: "普通函

js学习之函数的参数传递

我们都知道在 ECMAScript 中,数据类型分为原始类型(又称值类型/基本类型)和引用类型(又称对象类型):这里我将按照这两种类型分别对函数进行传参,看一下到底发生了什么. 参数的理解 首先,我们要对函数的参数有一个了解: 形参就是函数内部定义的局部变量: 实参向形参传递值的时候,就是一个赋值操作,把实参的值直接复制一份给形参. 原始类型参数传递 示例1 var a = 1; function f(b) { a = 3; } f(a); console.info(a); // 3 示例1中的

js学习总结----函数

一.函数基本知识 1.function:函数->具备某个功能的一个方法.方法本身是没有什么意义的,只有执行这个方法实现了对应的功能才有自己的价值. 2.函数由两部分组成:创建一个函数.执行这个函数  function 方法名(){          //函数体:存放的某个功能实现的JS代码  }  方法名(); 创建一个函数可以执行多次,一般情况下,每次执行函数和上一次执行没有任何的关系 function sum(){ var total = null; total = 1 + 1; conso

JS学习之函数的作用域

作用域 变量或者函数可访问的一个范围,以函数来划分,一个函数块就是一个作用域.一 全局作用域 全局:整个文档 变量或者函数在函数外面声明,那它们就是全局变量或者全局函数,在这个页面的任何地方都可以访问的到. 声明全局作用域的方法: 1.把变量或者函数放在函数外面声明 2.变量不用var声明,直接给变量赋值:不管在函数外还是函数内声明 全局变量在任何地方都可以访问的到是因为全局变量是window的一个属性,window是一个全局对象,本身在页面中的任何位置都可以访问 1 var a=10; 2 c

前端学习(25)~js学习(三):变量的数据类型

变量的数据类型 为什么需要数据类型 在计算机中,不同的数据所需占用的存储空间不同,为了充分利用存储空间,于是定义了不同的数据类型.而且,不同的数据类型,寓意也不同. JS 的变量数据类型,是在程序运行的过程中,根据等号右边的值来确定的.而且,变量的数据类型是可以变化的.比如说: var name = 'qianguyihao'; name = 123; // 强制将变量 name 修改为 数字类型 JS中一共有六种数据类型 基本数据类型(值类型):String 字符串.Number 数值.Boo

JS学习之函数内部属性和方法

知识点:arguments和this对象.caller属性.apply()和call()方法     arguments对象:函数内部对象,传入函数中所有参数的集合,类数组对象 属性:callee 指针,指向拥有这个arguments对象的函数  作用:解耦 例子:迭代 function factorial(num) { if(num<=1){ return 1; }else{ return ( num*arguments.callee(num-1)); } } console.log(fact

node.js学习(2)函数

1 简答函数 2 匿名函数 3 回调函数 原文地址:https://www.cnblogs.com/xiao-xue-di/p/11332507.html

Ext JS学习第三天 我们所熟悉的javascript(二)

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作 栗子代码 1 //Function 函数 2 //

Ext JS学习第四天 我们所熟悉的javascript(三)

此文用来记录学习笔记: •javascript之函数 •this关键字的使用 –this关键字总是指向调用者,谁调用函数,this就指向谁 •call.apply的使用 –call和apply主要应用与框架底层,用于绑定函数的执行环境/作用域 •块的概念 –和高级程序语言不同,js里没有块的概念,我们一般用小括号包裹块级作用域 •闭包:掌握闭包必须要深入清楚的概念 –执行环境 –作用域链 –垃圾回收机制 附上栗子 代码 1 // This 关键字 在javascript里的使用 2 //this