JavaScript 函数

函数声明和函数表达式有什么区别

  • 函数声明:使用function关键字声明一个函数
  • 函数表达式:声明一个变量然后赋值为函数
  • **
  • 修改补充:
  • 函数声明有声明前置的作用,而函数表达式的赋值不能前置

什么是变量的声明前置?什么是函数的声明前置

  • 变量的声明前置:JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升
  • 函数的声明前置:如果使用函数声明来定义一个函数,那么函数声明会被提升到代码最前面运行

arguments 是什么

  • 函数中传入参数的数组,默认就有
  • **
  • 修改补充:
  • arguments并不是数组,而是类数组对象

函数的重载怎样实现

  • JS中不支持定义参数不同的同名函数,但是JS中函数调用没必要把所有参数都传入,传的参数永远被当做前几个
  • **
  • 修改补充:
  • JS中同名函数会被覆盖,JS重载示例如下:


立即执行函数表达式是什么?有什么作用

(function(){
})();

作用:先创建一个匿名函数,然后调用它,一般不定义函数名,除非需要递归调用

什么是函数的作用域链

在JavaScript中,变量的作用域有全局作用域和局部作用域两种。
在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

  • **
  • 示例:
  • a为全局变量,可以被fn1和fn2访问,b为fn1的局部变量,可以被fn1和内部的fn2访问,c为fn2的局部变量,只能被fn2访问


代码题

  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('hunger', 28, '男');
    getInfo('hunger', 28);
    getInfo('男');

输出

name: hunger
age: 28
sex: 男
["hunger", 28, "男"]
name valley
name: hunger
age: 28
sex: undefined
["hunger", 28]
name valley
name: 男
age: undefined
sex: undefined
["男"]
name valley
  1. 写一个函数,返回参数的平方和?如
function sumOfSquares(){
   }
   sumOfSquares(2,3,4);   // 29
   sumOfSquares(1,3);   // 10

函数:

function sumOfSquares(){
      var sum=0;
      for(var i=0;i<arguments.length;i++){
        sum+=arguments[i]*arguments[i];
      }
      console.log(sum);
    }
  1. 如下代码的输出?为什么
console.log(a);
var a = 1;
console.log(b);

输出:
undefined和报错:var a;被提升,但是赋值在console.log后,而 b 未定义。

  1. 如下代码的输出?为什么
sayName('world'); 
sayAge(10); 
  function sayName(name){ 
  console.log('hello ', name); 
} 
var sayAge = function(age){
   console.log(age); 
};

输出:
hello world 和报错:使用函数声明定义的函数被提升,而使用函数表达式定义的函数只提升定义声明var = sayAge;

  1. 如下代码的输出?为什么
function fn(){} 
var fn = 3; 
console.log(fn);

输出:
3:var fn;在函数声明之前,但是fn = 3;在函数声明之后

  1. 如下代码的输出?为什么
function fn(fn2){ 
   console.log(fn2); 
  var fn2 = 3; 
  console.log(fn2); 
  console.log(fn);
  function fn2(){ 
    console.log('fnnn2'); 
  }
}
fn(10);

输出:

function fn2(){ 
    console.log('fnnn2'); 
  }
3
function fn(fn2){ 
  console.log(fn2); 
  var fn2 = 3; 
  console.log(fn2); 
  console.log(fn);
  function fn2(){ 
    console.log('fnnn2'); 
  }
}

原因:函数内部执行顺序是

var fn2;
console.log(fn2);
fn2 = 3;
console.log(fn2);
console.log(fn);
  1. 如下代码的输出?为什么
var fn = 1; 
  function fn(fn){ 
  console.log(fn); 
} 
console.log(fn(fn));

结果:
报错:fn = 1;覆盖函数声明

  1. 如下代码的输出?为什么
console.log(j); 
console.log(i); 
for(var i=0; i<10; i++){ 
  var j = 100; 
} 
console.log(i); 
console.log(j);

输出:

undefined
undefined
10
100

原因:for语句是流程控制语句,不是函数,不会产生新的作用域,其内定义的变量是会发生变量提升的

  1. 如下代码的输出?为什么
fn(); 
var i = 10; 
var fn = 20; 
console.log(i); 
function fn(){ 
  console.log(i); 
  var i = 99; 
  fn2(); 
  console.log(i); 
  function fn2(){ 
    i = 100; 
  } 
}

输出

undefined
100
10

原因:先执行函数 fn();其内第一次log时,i 未赋值,第二次log时之前执行了 fn2();i 被赋值为100;然后第三次log时,i 被赋值为10;

  1. 如下代码的输出?为什么
var say = 0; 
(function say(n){ 
  console.log(n); 
  if(n<3) 
    return; 
  say(n-1); 
}( 10 )); 
console.log(say);

输出

10
9
8
7
6
5
4
3
2
0

原因:立即执行函数内部发生递归,从10开始,直到n = 2时,return;n = 2是函数内最后一个打印的,然后跳出函数体,执行console.log(say); say = 0;

本教程版权归饥人谷和作者所有,转载须说明来源。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容

  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 383评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,717评论 2 17
  • 1.函数声明和函数表达式有什么区别 (*) 区别: 函数声明后面的分号可加可不加,不加也不影响接下来语句的执行,但...
    Sheldon_Yee阅读 393评论 0 1
  • 依山傍水
    麦子dee5阅读 241评论 2 1
  • 虞哥阅读 112评论 0 0