javascript函数（声明、命名、调用、实参、形参、返回值）

2024-07-17 04:53| 来源: 网络整理| 查看: 265

javascript函数一、概念

函数：就是封装起来的可以重复被调用的代码块。【在js中，函数是头等对象，因为它们可像任何其他对象一样具有属性、方法。区别在于函数可被调用function对象】

二、使用函数的优势程序更加简洁；后期维护更加方便；逻辑更加清晰。三、函数的声明（定义）（一）命名规则：

函数的命名规则和变量名是一样的（同“javascript变量的声明、赋值、命名”中提到命名规则一样）注：函数名也不能和变量名重复，否则发生覆盖现象。 e.g.

var a = function a() { console.log(111); //111 }; a(); a = 1; console.log(a); //1 （二）声明方式 1. 使用function关键字声明

语法结构：

function 函数名 (参数[可有可无]) { //函数主体 }

e.g.

a(); //在同一代码块中，可提前调用函数 function a(){ alert(1); } a();//调用函数 a();//可多次调用同一函数 2. 匿名函数（以下介绍3种方式）

（1）直接声明一个变量，将一个函数赋值给他语法结构：

var 变量 = function (){}

e.g.

foo(); //不被优先解析，在此foo是一个变量 var foo = function (){ console.log(1); //1 } foo();

（2）在计时器中声明语法结构： setInterval(function (){},1000); e.g.

setInterval(function () { console.log(1) },1000) setTimeout(function () { console.log(1) },5000)

（3）在一个事件后面声明语法结构：div.onclick = function (){}; e.g.

点我 var box = document.querySelector("div"); box.onclick = function () { console.log("点就对了"); } （三）函数的调用 1. 函数名(); 变量名();

【函数调用形式】一般在声明函数后直接调用 e.g.

function func() { console.log("hello"); }; func(); //声明一个函数并调用 var foo = function () { console.log("hi"); }; foo(); //声明一个匿名函数赋值给一个变量，然后调用 2. 在事件后调用

e.g.同上

点我 var box = document.querySelector("div"); box.onclick = function () { console.log("点就对了"); } 3. 自调用（自己调用自己）

e.g.

// fn(); //Uncaught ReferenceError: fn is not defined (function fn(){ console.log("自调用"); })(); //fn(); //Uncaught ReferenceError: fn is not defined

注：在自调用前后调用此函数均报错！

（四）函数的参数 1. 概念

在调用函数时，可以向其传递值，这些值被称之为参数。

2. 特点：

让函数的调用更加灵活

e.g.

function pyramid(rows) { for (var i=1;i

【本文地址】

公司简介

联系我们