函數(shù)與作用域

函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別

  1. 函數(shù)聲明會提升到當(dāng)前作用于執(zhí)行之前;而函數(shù)表達(dá)式提升的聲明是變量的聲明饮笛。
  2. 函數(shù)聲明必須有標(biāo)識符,也就是函數(shù)名论熙;函數(shù)表達(dá)式的函數(shù)名可以省略福青。
  3. 函數(shù)的聲明不一定要放到調(diào)用的前面;函數(shù)表達(dá)式的聲明必須放到調(diào)用的前面赴肚。
//函數(shù)聲明
function myName(name){
console.log(name)
}
//函數(shù)表達(dá)式
var= myName = function(){
console.log(name)
}

什么是變量的聲明前置素跺?什么是函數(shù)的聲明前置

  • 變量的聲明前置:
    提升變量的聲明到當(dāng)前作用于執(zhí)行之前二蓝,此時變量的值為undefined誉券;
  • 函數(shù)的聲明前置:
    提升函數(shù)的聲明到當(dāng)前作用于執(zhí)行之前,所以在當(dāng)前作用域的任何地方都可以調(diào)用函數(shù)刊愚;

arguments 是什么

arguments是一種類數(shù)組對象踊跟,可以通過arguments[0,1,2,]來獲取傳入?yún)?shù)。

函數(shù)的"重載"怎樣實(shí)現(xiàn)

  1. 根據(jù)傳入?yún)?shù)的類型執(zhí)行不同的操作鸥诽。
  2. 利用參數(shù)中特殊的參數(shù)值進(jìn)行不同的操作商玫。
  3. 根據(jù)參數(shù)的個數(shù)進(jìn)行重載。
    簡言之:函數(shù)的“重載”就是根據(jù)參數(shù)的不同屬性執(zhí)行對應(yīng)的邏輯牡借。
    例:
 function fn() {
            switch (arguments.length) {
                case 0:
                    //執(zhí)行語句塊
                    break;
                case 1:
                    //執(zhí)行語句塊
                    break;
                case 2:
                    //執(zhí)行語句塊
                    break;
                default:
                    break;
            }
        }
//根據(jù)參數(shù)的個數(shù)進(jìn)行重載

立即執(zhí)行函數(shù)表達(dá)式是什么拳昌?有什么作用

寫法:

(function(){
})()
//用括號形成函數(shù)表達(dá)式
1,function(){
}()
//用逗號形成函數(shù)表達(dá)式

立即執(zhí)行函數(shù)表達(dá)式的作用就是隔離函數(shù),不會出現(xiàn)變量污染的情況钠龙。

求n!炬藤,用遞歸來實(shí)現(xiàn)

function factor(result){
if(result === 1){
return 1
}
return result *factor(result-1)
}

以下代碼輸出什么御铃?

    function getInfo(name, age, sex){
        console.log('name:',name);
        console.log('age:', age);
        console.log('sex:', sex);
        console.log(arguments);
        arguments[0] = 'valley';
        console.log('name', name);
    }

getInfo('饑人谷', 2, '男');
                            //輸出
                            name: 饑人谷
                            age: 2
                            sex: 男
                            ["饑人谷","2","男"]
                            name valley  //
getInfo('小谷', 3);
                            //輸出
                            name: 小谷
                            age: 3
                            sex: undefined
                            ["小谷","3"]
                            name valley//
getInfo('男');
                            //輸出
                            name: 男
                            age: undefined
                            sex: undefined
                            ["男"]
                            name valley//

寫一個函數(shù),返回參數(shù)的平方和沈矿?

   function sumOfSquares(){
   var a =0;
   for(var i=0;i<=arguments.length;i++){
     a = + Math.pow(arguments[i],2)
   }
   return a
 }
   var result = sumOfSquares(2,3,4)
   var result2 = sumOfSquares(1,3)
   console.log(result)  //29
   console.log(result2)  //10

如下代碼的輸出上真?為什么

    console.log(a);
    var a = 1;
    console.log(b);
//報錯 因?yàn)閎沒有聲明;如果去掉console(b)羹膳;則會輸出undefined睡互,因?yàn)樽兞柯暶魈嵘耍琴x值在輸出之后陵像。

如下代碼的輸出就珠?為什么

    sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };
//hello world
報錯,因?yàn)楹瘮?shù)表達(dá)式必須先聲明再調(diào)用蠢壹。

如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}
//查找過程偽代碼:
globalContext = {
AO:{
x:10
foo:function
bar:function
}
Scope:null
}
foo.[[Scope]] = globalContext.AO
bar.[[Scope]] = globalContext.AO
barContext = {
AO:{
x:30
foo:function
}
Scope:bar.[[Scope]] = globalContext.AO
}
fooContext = {
AO:{
}
    Scope:foo[[Scope]] =globalContext.AO
//

執(zhí)行console.log(x)時 在fooContext里找不到,所以到globalContext.AO里找到x=10,所以輸出10

  1. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10;
bar() 
function bar(){
  var x = 30;
  function foo(){
    console.log(x) 
  }
  foo();
}
//查找過程偽代碼
globalContext = {
AO:{
x:10
bar:function
}
Scope:null
}
bar.[[Scope]]:globalContext.AO
barContext = {
AO:{
x:30
foo:function
}
Scope:bar.[[Scope]]globalContext.AO
}
foo.[[Scope]]:barContext.AO
fooContext = {
AO:{
}
Scope:foo.[[Scope]]barContext.AO
}

在barContext里找到X=30嗓违;所以輸出30。

  1. 以下代碼輸出什么? 寫出作用域鏈的查找過程偽代碼
var x = 10;
bar() 
function bar(){
  var x = 30;
  (function (){
    console.log(x)
  })()
}
//查找過程偽代碼
globalContext = {
AO:{
x:10
bar:function
}
Scope:null
}
bar.[[Scope]] = globalContext.AO
barContext = {
AO:{
x:30
(function()) = (function())()
}
bar.[[Scope]]globalContext.AO
}
bar.[[Scope]] = globalContext.AO

輸出30

  1. 以下代碼輸出什么图贸? 寫出作用域鏈查找過程偽代碼
var a = 1;
function fn(){
  console.log(a)
  var a = 5
  console.log(a)
  a++
  var a
  fn3()
  fn2()
  console.log(a)
  function fn2(){
    console.log(a)
    a = 20
  }
}
function fn3(){
  console.log(a)
  a = 200
}
fn()
console.log(a)
//查找過程偽代碼
globalContext = {
AO:{
a:1 200
fn:function
fn3:function
}
Scope:null
}
fn.[[Scope]] = globalContext.AO
fn3.[[Scope]] = globalContext.AO
fnContext = {
AO:{
a:undefined 5 6 20
fn2:function
}
Scope:globalContext.AO
}
fn2:[[Scope]]=function.AO
fn3Context = }
AO:{
}
Scope:globalContext.AO
}
fn2Context = {
AO:{
}
Scope:fnContext.AO
}

輸出為:undefined ,5 , 1, 6 ,20 ,200

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蹂季,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子疏日,更是在濱河造成了極大的恐慌偿洁,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沟优,死亡現(xiàn)場離奇詭異涕滋,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)挠阁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進(jìn)店門宾肺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人侵俗,你說我怎么就攤上這事锨用。” “怎么了隘谣?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵增拥,是天一觀的道長。 經(jīng)常有香客問我寻歧,道長掌栅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任码泛,我火速辦了婚禮猾封,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘噪珊。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布玖院。 她就那樣靜靜地躺著朝群,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天,我揣著相機(jī)與錄音星掰,去河邊找鬼。 笑死嫩舟,一個胖子當(dāng)著我的面吹牛氢烘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播家厌,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼播玖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了饭于?” 一聲冷哼從身側(cè)響起蜀踏,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎掰吕,沒想到半個月后果覆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡殖熟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年局待,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菱属。...
    茶點(diǎn)故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡钳榨,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出纽门,到底是詐尸還是另有隱情薛耻,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布膜毁,位于F島的核電站昭卓,受9級特大地震影響愤钾,放射性物質(zhì)發(fā)生泄漏瘟滨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一能颁、第九天 我趴在偏房一處隱蔽的房頂上張望杂瘸。 院中可真熱鬧,春花似錦伙菊、人聲如沸败玉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽运翼。三九已至返干,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間血淌,已是汗流浹背矩欠。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悠夯,地道東北人癌淮。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像沦补,于是被迫代替她去往敵國和親乳蓄。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 1. 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 使用function關(guān)鍵字聲明一個函數(shù)時夕膀,聲明不必放到調(diào)用的前面虚倒。//函數(shù)聲...
    _李祺閱讀 275評論 0 0
  • 任務(wù) 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別答:函數(shù)聲明:function functionName(){}??函數(shù)表達(dá)式...
    mhy_web閱讀 417評論 0 0
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別。 函數(shù)聲明使用function來進(jìn)行聲明产舞,函數(shù)聲明提升裹刮,所以不論執(zhí)行語句的位置...
    Rising_suns閱讀 298評論 0 0
  • 1,函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 1庞瘸、背景介紹 定義函數(shù)的方法主要有三種: 1:函數(shù)聲明(Function De...
  • JavaScript中的函數(shù)運(yùn)行在它們被定義的作用域里捧弃,而不是它們被執(zhí)行的作用域里。 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)...
    畢子歌閱讀 397評論 0 0