javascript--函数的声明及调用/JS中代码执行顺序

[函数的声明及调用]

1、函数声明格式:

function 函数名(参数1,参数2,参数3……){

//函数体

return 结果;

}

函数调用的格式:

函数名(参数1的值,参数2的值,……);

事件调用:事件名=函数名();

2、函数声明的几点强调:

① 函数的声明,必须符合小驼峰法则(首字母小写,之后每个单词首字母大写);

② 参数的列表,可以有参数,可以无参数。分别称为有参函数,无参函数;

③ 声明函数时的参数列表,称为“形参列表”(变量的名);

调用函数时的参数列表,称为“参数列表”(变量的值);

函数中,实际有效的参数取决于实参的赋值,未被赋值的形参,将为Undefined;

④ 函数如果需要返回值,可用return返回结果。

调用函数时,使用var 变量值=函数名();的方式,接收返回结果;

如果函数没有返回值,则接收的结果为Undefined。

⑤ 函数 中变量的作用域:

在函数中,使用var声明的变量,默认为函数局部变量,只在函数内容能用;

不适用var声明的变量,默认为全局变量

(函数中的全局变量,必须在函数调用后,才能使用)

函数的形参列表,为函数局部变量,只在函数内部能用

⑥ 函数声明与函数调用,没有前后之分。

 

[JS中代码执行顺序]

JS中代码运行,会先进行检查、装载,即声明变量、函数等操作;

然后在进入执行阶段,(变量的赋值等属于执行阶段)。

所以,函数的声明属于检查装载阶段,函数的调用属于执行阶段。so,函数调用语句写在哈数声明语句之前,并没有任何关系。

所以,上述代码,执行流入

-------检查装载阶段-------

var num;   //声明变量

function func()    // 声明函数

-------检查装载阶段-------

console.log(num) ;

num = 10 ;

funcN(); //执行函数的{}中的代码

【匿名函数的声明及调用】

1、声明一个匿名函数,直接赋给某个事件;

window.onload=function(){}

2、使用函数表达式,声明匿名函数;

声明函数表达式:var func = function(){}

调用函数表达式:func()

>>> 使用匿名函数表达式,则调用语句,必须在声明语句之后,否则报错(对比常规函数声明与调用区别!)

3、使用自执行函数,声明并直接调用匿名函数;

!function(){}(); //使用任意运算符开头,一般使用!

(function(){}()); //使用()将匿名函数及之后的括号包裹

(function(){})(); //使用()只包裹匿名函数表达式

>>>>>三种写法特点:

① 结构清晰,开头加!,结尾加().不容易乱,推荐使用;

② 可以表明匿名函数与之后的()为一个整体,推荐使用;

③ 无法表明函数与之后()为一个整体,不推荐使用。

时间: 2024-10-08 06:55:29

javascript--函数的声明及调用/JS中代码执行顺序的相关文章

javascript函数的声明和调用

× 目录 [1]函数的声明方式 [2]函数的调用方式 [3]两种声明方式的区别 函数:将完成某一特定功能的代码集合起来,可以重复使用的代码块. ------------------------------------- 一.函数的声明方式(创建) A.基本语法   function  关键字   function 函数名([参数1],[参数2]....){      函数体      [retrun]  //返回值    } function math () { var num1=parseFl

java中代码执行顺序

之前面试的时候有一道题,是考java的代码执行顺序的. 在大三的时候学习java语言的时候有说,但是在实际工作中用的比较少,所以在这里重新记录复习一下. 比如下面这段代码: class helloA{ public helloA(){ System.out.println("helloA"); } { System.out.println("I'm A"); } static { System.out.println("Static A"); }

JavaScript 函数 (一 JavaScript 函数的声明与使用)

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数的声明与使用 实例 <!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction(

javascript函数的声明,及返回值

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!--js中声明函数的方法--> <script type="text/javascript"> //因为javascript是弱类型的语言,所以参数不需要加类型.函数的也不需要像c#那样要求所以路径都需要有返回值(这个不像c#语言,而且c#

javascript函数(声明,传参,返回值,递归)

javascript函数(声明,传参,返回值,递归) 1.函数的基本概念 函数:是由事件驱动的或者当他被调用时可执行的可重复使用的代码块. 空调是由遥控器控制或者当开关打开时,可运行的家用电器(工具) 特点: 封装代码----使代码更简洁 重复使用---在重复功能的时候直接调用就好 执行时机---随时可以在我们想要执行的时候执行 2.函数的创建和执行 1. 函数的创建 1.声明式 函数声明的关键字 : ==function== function 关键字 和 var 关键字的行为几乎一致,都会在内

setTimeout函数在浏览器中和Node.js中的区别

setTimeout函数delay时间之后执行一次func. setTimeout函数原型: var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeoutID = window.setTimeout(code, [delay]);//not recommended for the same reasons as using eval() //param1, param2, and so for

进阶学习js中的执行上下文

在js中的执行上下文,菜鸟入门基础 这篇文章中我们简单的讲解了js中的上下文,今天我们就更进一步的讲解js中的执行上下文. 1.当遇到变量名和函数名相同的问题. var a = 10; function a(){ console.log(1); } a(); //报错 如果你觉得函数a会覆盖变量a那你肯定是js的新朋友,为什么这里会报错呢?我记得我在基础的执行上下文文章中说过变量声明提前的概念,对这里就是因为这个原因,但是在上面一篇文章中还有一个问题我没有去讲. 那就是函数的声明比变量的声明顺序

js中的执行环境及作用域

最近在面试时被问到了对作用域链的理解,感觉当时回答的不是很好,今天就来说说js中的作用域链吧. 首先来说说js中的执行环境,所谓执行环境(有时也称环境)它是JavaScript中最为重要的一个概念.执行环境定义了变量或函数有权访问的其他数据 ,决定了它们各自的行为.而每个执行环境都有一个与之相关的变量对象,环境中定义的所有变量和函数都保存在这个对象中. 理解了执行环境,现在就看看什么是作用域链吧.每个函数都有自己的执行环境,当代码在执行环境中执行时,就会创建变量对象的作用域链.作用域链保证了对执

浏览器环境下JavaScript脚本加载与执行探析之代码执行顺序

本文主要基于向HTML页面引入JavaScript的几种方式,分析HTML中JavaScript脚本的执行顺序问题 1. 关于JavaScript脚本执行的阻塞性 JavaScript在浏览器中被解析和执行时具有阻塞的特性,也就是说,当JavaScript代码执行时,页面的解析.渲染以及其他资源的下载都要停下来等待脚本执行完毕①.这一点是没有争议的,并且在所有浏览器中的行为都是一致的,原因也不难理解:浏览器需要一个稳定的DOM结构,而JavaScript可能会修改DOM(改变DOM结构或修改某个