JavaScript中的函數(shù)個(gè)人分享

pkhope 發(fā)布于2019-08-23 10:59 / 1875人閱讀

摘要：函數(shù)函數(shù)的概述所謂函數(shù)就是只被定義一次但可能被執(zhí)行或調(diào)用多次變量與函數(shù)的區(qū)別變量存的是數(shù)據(jù)內(nèi)容而函數(shù)存的是語(yǔ)句塊定義函數(shù)備注定義函數(shù)時(shí)函數(shù)體的內(nèi)容不會(huì)被執(zhí)行調(diào)用函數(shù)時(shí)函數(shù)體才被執(zhí)行注意一般以個(gè)函數(shù)就去完成一個(gè)功能函數(shù)聲明方式語(yǔ)法函數(shù)名稱

函數(shù) 函數(shù)的概述

所謂函數(shù)就是只被定義一次,但可能被執(zhí)行或調(diào)用多次

變量與函數(shù)的區(qū)別: 變量存的是數(shù)據(jù)內(nèi)容而函數(shù)存的是語(yǔ)句塊

定義函數(shù)

備注:

定義函數(shù)時(shí) - 函數(shù)體的內(nèi)容不會(huì)被執(zhí)行

調(diào)用函數(shù)時(shí) - 函數(shù)體才被執(zhí)行

注意: 一般以個(gè)函數(shù)就去完成一個(gè)功能

1.函數(shù)聲明方式:

語(yǔ)法: function 函數(shù)名稱 () {
函數(shù)體 - 語(yǔ)句塊 }

注意: 定義函數(shù)時(shí) - 函數(shù)體的內(nèi)容是不會(huì)被執(zhí)行的

示例代碼:

function fu(){
     console.log("一花一世界")
     }

2.字面量/直接量方式:

語(yǔ)法: var 函數(shù)名稱 = function(){
函數(shù)體 }

示例代碼:

var fun = function(){
    console.log("這是一個(gè)函數(shù)");
};

// 調(diào)用函數(shù) -> 函數(shù)體的內(nèi)容才被執(zhí)行
fun();

注意: 控制臺(tái)調(diào)用函數(shù)的語(yǔ)法是函數(shù)名加( )而不是console.log( )

示例代碼:

/* 調(diào)用函數(shù) */
fu()

變量與函數(shù)

var v = 100;/* 定義變量，并初始化值 */
console.log(v);/* 調(diào)用變量 */

// 變量是允許被重新賦值的
v = function(){
    console.log("這是一個(gè)函數(shù)");
}
// v既是個(gè)變量，又是個(gè)函數(shù)
console.log(v);// 調(diào)用結(jié)果為 [Function: v]
v();/* 函數(shù)的調(diào)用 */

控制臺(tái)效果圖:

注意: 一旦有同名的變量時(shí)下面的函數(shù)則不生效

示例代碼:

var v2 = 200;
function v2(){
    console.log("這是一個(gè)函數(shù)");
}
// v2是變量 - TypeError: v2 is not a function - 表示 v2 不是一個(gè)函數(shù)
console.log(v2);
v2();

控制臺(tái)效果圖:

函數(shù)的參數(shù)

函數(shù)參數(shù)分類兩種:

形參 : 就是定義函數(shù)后的小括號(hào)叫形參 - function fun(形參)

注意: 允許定義多個(gè)形參 - 形參之間使用逗號(hào)分隔

實(shí)參 : 就是調(diào)用函數(shù)后的小括號(hào)叫實(shí)參 - fun(實(shí)參)

注意: 形參的個(gè)數(shù)與實(shí)參不一定是一致的

參的個(gè)數(shù)多于實(shí)參的個(gè)數(shù) -> 多余的形參沒(méi)有值(默認(rèn)為 undefined)

實(shí)參的個(gè)數(shù)多余形參的個(gè)數(shù) -> 多余的實(shí)參沒(méi)有對(duì)應(yīng)的形參

形參與實(shí)參根據(jù)占位符進(jìn)行一一對(duì)應(yīng)

示例代碼:

function fun(a){// 在函數(shù)中定義一個(gè)變量，但未初始化值
    console.log(a);
}
fun(100, 200);// 為函數(shù)中定義的變量初始化值

return語(yǔ)句

函數(shù)的return語(yǔ)句

注意:

并不是必要的 - 可有可無(wú)

作用 - 作為函數(shù)的返回值(數(shù)據(jù)內(nèi)容)

用法 - 一般會(huì)被編寫在函數(shù)體的最后面

示例代碼:

function fun(){
    console.log("一花一世界");
    return 100;
}
/* 將函數(shù)的返回值 賦值到變量中 */
 var result = fun();
 console.log(result);

console.log(fun());/* 打印函數(shù)調(diào)用的結(jié)果 */
console.log(fun);/* 打印變量的值 */

函數(shù)的return語(yǔ)句

注意:

的確允許不編寫在函數(shù)體的最后面

一旦return語(yǔ)句不在函數(shù)體的最后面 - return語(yǔ)句之后的代碼都不再執(zhí)行

示例代碼:

function fn(){
    console.log("這是return語(yǔ)句之前...");
    return;
    console.log("這是return語(yǔ)句之后...");
}
var result = fn();
console.log(result);// 100

目前JavaScript得到undefined值的情況總結(jié)：

定義變量，但未初始化值

定義變量，并初始化值為 undefined

訪問(wèn)數(shù)組中不存在的位置 - 默認(rèn)值為 undefined

在函數(shù)體調(diào)用沒(méi)有定義值的形參 - 默認(rèn)值為 undefined

當(dāng)函數(shù)定義時(shí)，沒(méi)有指定返回值 - 默認(rèn)返回值為 undefined

作用域

就是變量和函數(shù)都有作用域,作用域就是變量和函數(shù)的可被訪問(wèn)范圍,控制著變量和函數(shù)的可見(jiàn)性和生命周期- 函數(shù)作用域就是某一個(gè)函數(shù)里的

函數(shù)以外的叫全局作用域

備注: 函數(shù)作用域中的變量叫局部變量

全局作用域與局部作用域 全局作用域

全局作用域(函數(shù)作用域之外的范圍) - 全局變量

全局變量的作用域 - 全局作用域 + 函數(shù)作用域

注意: 全局作用域不能訪問(wèn)局部變量

全局作用域與局部作用域示例代碼對(duì)比:

var v1 = 100;
console.log(v1);

function fun(){
    /*
        函數(shù)作用域 - 局部變量
        * 局部變量的作用域 - 當(dāng)前函數(shù)作用域
     */
    var v2 = 200;

    console.log(v1);
    console.log(v2);
}

console.log(v1);

fun();
// 全局作用域不能訪問(wèn)局部變量
// console.log(v2);

function fn(){
    console.log(v2);
}
fn();

局部作用域與函數(shù)的參數(shù)

局部變量 - 作用于當(dāng)前函數(shù)作用域中

局部變量的值 - 只能在當(dāng)前函數(shù)作用域進(jìn)行初始化

函數(shù)的參數(shù) - 作用于當(dāng)前函數(shù)體中

參數(shù)的值(實(shí)參) - 在全局作用域中傳遞的

示例代碼:

var num = 200;

function fun(a){
    var v = 100;

    console.log(v + a);
}
fun(num);

控制臺(tái)調(diào)用圖:

按值傳遞

是指將函數(shù)實(shí)參的變量值賦值給函數(shù)形參，使實(shí)參和輸出結(jié)果一樣

在對(duì)局部變量進(jìn)行修改時(shí)，不會(huì)修改全局變量

示例代碼:

/* 按值傳遞 */
var num = 100;/* 定義一個(gè)全局變量 */
/* 定義一個(gè)函數(shù) */
function fun(num){/* 形參 */
    num++;
    console.log("這是函數(shù)內(nèi)部的值: " + num);// 101
}
/* 調(diào)用指定函數(shù) - 實(shí)參傳遞的是全局變量的值 */
fun(num);/* 實(shí)參 */
/* 調(diào)用指定全局變量 */
console.log("這是全局作用域的值: " + num);// 100 101


var v = 200;
function fn(){
    v++;
}
fn();
console.log(v);// 201

聲明提前

表示在使用變量時(shí)，先調(diào)用變量，在對(duì)變量進(jìn)行定義

注意: 語(yǔ)法不會(huì)報(bào)錯(cuò)，會(huì)顯示 undefined

示例代碼:

console.log(num);// undefined

var num = 100;/* 定義全局變量 */
/* 定義函數(shù) */
function fun(){
    // 全局變量與局部變量同名時(shí) - 在當(dāng)前函數(shù)作用域中只能訪問(wèn)局部變量
    console.log(num);// undefined

    var num = 200;/* 定義局部變量 */
    // 就近原則
    console.log(num);// 200
}
/* 調(diào)用函數(shù) */
fun();
// 局部變量在全局作用域中無(wú)法訪問(wèn) - 只能訪問(wèn)全局變量
console.log(num);// 100

控制臺(tái)調(diào)用圖:

GPU云服務(wù)器云服務(wù)器 javascript中的函數(shù) javascript分享 javascript中的 php中的變量函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96885.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

pkhope

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

（超簡(jiǎn)單）ESP8266深度睡眠模式下遠(yuǎn)程采集溫濕度信息

閱讀 2683·2021-11-18 10:02
軟件測(cè)試工程師一分鐘自我介紹？

閱讀 2310·2021-09-30 09:47
解決Win10家庭版無(wú)法看到和啟動(dòng)Hyper-V自帶虛擬機(jī)的方法

閱讀 1842·2021-09-27 14:01
RAKsmart：爆款產(chǎn)品 $ 30秒殺，香港新增DDOS最高100G，爆款VPS僅 $ 1.99！

閱讀 3154·2021-08-16 11:00
[開(kāi)源]開(kāi)發(fā)者神器庫(kù)4

閱讀 3196·2019-08-30 11:06
【每日一包0021】csv2,through2

閱讀 2424·2019-08-29 17:29
css屬性的繼承、初識(shí)值、計(jì)算值、當(dāng)前值、應(yīng)用值

閱讀 1563·2019-08-29 13:19
原生js實(shí)現(xiàn)ajax及get post方法

閱讀 470·2019-08-26 13:54

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript中的函數(shù)個(gè)人分享

相關(guān)文章

JavaScript面向?qū)ο?em>中的this關(guān)鍵字個(gè)人分享

JavaScript面向?qū)ο?em>中的繼承個(gè)人分享

JavaScript中的數(shù)組個(gè)人分享

JavaScript面向?qū)ο?em>中的嚴(yán)格模式個(gè)人分享

JavaScript面向?qū)ο?em>中的Function類型個(gè)人分享

發(fā)表評(píng)論

0條評(píng)論

pkhope

男|高級(jí)講師

TA的文章

（超簡(jiǎn)單）ESP8266深度睡眠模式下遠(yuǎn)程采集溫濕度信息

軟件測(cè)試工程師一分鐘自我介紹？

解決Win10家庭版無(wú)法看到和啟動(dòng)Hyper-V自帶虛擬機(jī)的方法

RAKsmart：爆款產(chǎn)品 $ 30秒殺，香港新增DDOS最高100G，爆款VPS僅 $ 1.99！

[開(kāi)源]開(kāi)發(fā)者神器庫(kù)4

【每日一包0021】csv2,through2

css屬性的繼承、初識(shí)值、計(jì)算值、當(dāng)前值、應(yīng)用值

原生js實(shí)現(xiàn)ajax及get post方法

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript中的函數(shù)個(gè)人分享

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！