函数

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

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

  • 都可以定义一个函数。
  • 函数声明会产生函数的声明前置,因此可以在函数声明之前就调用函数。函数表达式只会产生变量的声明前置,因此在函数表达式之前调用会报错。
  • 函数声明语句不能出现在if语句,while循环和其他任何语句中,表达式则可以。

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

  • 变量的声明前置,JavaScript代码在解析时,会首先获取所有被声明的变量(只有变量名,不包含其值),使所有变量的声明语句会提升到代码的头部。
  • 函数的声明前置,JavaScript代码在解析时,先获取所有被声明的函数,使函数在执行任何代码之前都可以访问。

arguments是什么?

  • arguments 是一个类数组对象,相当于传入的所有函数的集合,可以使用方括号语法访问它的每一个元素。

函数的重载怎样实现?

在JavaScript中没有函数重载的概念,函数通过名字确定唯一性,参数不同也被认为是相同的函数,后面的覆盖前面的,但可以通过自身属性模拟函数的重载。

function printPeopleInfo(name, age, sex){
    if(name){
        console.log(name);
    }
    if(age){
        console.log(age);
    }
    if(sex){
        console.log(sex);
    }
}
printPeopleInfo('Byron', 26);
printPeopleInfo('Byron', 26, 'male');

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

立即执行函数表达式结构:

(function() {code} (可传入参数) );
(function () {code})(可传入参数);
```
* 不必为函数命名,避免了污染全局变量;
* 立即执行函数执行完后就会销毁,不会对作用域存在影响;
* 在函数内部形成一个单独的作用域,可以封装一些外部无法读取的私有变量;

## 什么是函数的作用域链?
作用域:指对变量存在的范围,在javascript中存在2种作用域:
(1)全局作用域:在全局作用域定义的变量称为全局变量,全局作用域指变量在整个程序中都存在,所有地方都可以读取;
(2)函数作用域:在里面的定义的变量(需在定义变量的前面加上var,否则该变量会变为全局变量)称为局部变量,它们只函数内部存在;
作用域链的原理是,如果变量在该作用域中没有,则它会逐级向上寻找,直至最顶层。
*****
## 代码
#### 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,'男');
/*
  name:hunger
  age:28
  sex:男
  ["hunger",28,"男"]
  name:valley
*/
getInfo('hunger',28);
/*
  name:hunger
  age:28
  sex:undefined
  ["hunger",28]
  name:vally
*/
getInfo('男');
/*
  name:男
  age:undefined
  sex:undefined
  ["男"]
  name:valley
*/
```
#### 2 写一个函数,返回参数的平方和?
```
function sumOfSquares(){
  var sum = 0
  for(var i=0;i<arguments.length;i++){
    sum += arguments[i]*arguments[i];
  }
  console.log(sum);
}
sumOfSquares(2,3,4);  //29
sumOfSquares(1,3);   //10
```
#### 3 如下代码的输出?为什么?
```
console.log(a); //undefined
var a = 1;
console.log(b); //报错,b is not defined;
/*
  由于变量的声明提升,所以在这段代码执行之前,先声明var a,在打印a,在
  给a赋值,在打印b,所以有上面的结果。
*/
```
#### 4 如下代码的输出?为什么?
```
sayName('world'); //hello world
sayAge(10);       //TypeError:undefined is not a function
function sayName(name){
 console.log('hello ',name);
}
var sayAge = function(age){
  console.log(age);
};
/*
  函数声明语句会前置,所以在声明语句之前调用也可以,而函数表达式只是var sayAge;声明提升了,
  此时函数还没有赋给他,还不是函数,所以调用的时候会报错。
*/
```
#### 5 如下代码的输出?为什么?
```
function fn(){}
var fn = 3;
console.log(fn);//3
/*
变量提升var fn;提升至最前,然后声明fn为函数,再将3赋值fn覆盖了函数。
*/
```
#### 6 如下代码的输出?为什么?
```
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');
}
}
原因:
由于变量声明提升和函数声明前置,代码执行顺序会变成这样
function fn(fn2){
  var fn2;                  声明变量,此时fn2为传入的参数10
  function fn2(){           fn2声明为函数,覆盖掉10
  console.log('fnnn2');
}
  console.log(fn2);         输出fn2 为函数
  fn2 =3;                   赋值3,覆盖掉函数
  console.log(fn2);         输出3
  console.log(fn);          输出函数fn
}
fn(10);
*/

```
#### 7 如下代码的输出?为什么?
```
var fn = 1;
function fn(fn){
  console.log(fn);
}
console.log(fn(fn));  //TypeError:number is not a function
/*
  代码执行顺序为:
  var fn;
  function fn(fn){
    console.log(fn);
}
  fn = 1;   fn不是函数,所以输出报错。
*/
```
#### 8 如下代码的输出?为什么?
```
console.log(j);  //undefined  声明提升,未赋值
console.log(i);  //undefined  声明提升,未赋值
for(var i=10; i<10; i++){
  var j = 100;
}
console.log(i);  //10
console.log(j);  //100
```
#### 9 如下代码的输出?为什么?
```
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
代码的执行顺序:
var i;
var fn;              变量声明提升
function fn(){       函数声明前置
  var i;             函数中的变量声明提升
  function fn2(){            函数声明前置
    i = 100;
  }
  console.log(i);      i 未赋值;undefined
  i = 99;              i赋值99
  fn2();               执行fn2(),i赋值100
  console.log(i);       100
}
fn();                   执行函数fn();
i = 10;
fn = 20;
console.log(i);           i为10
*/

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

推荐阅读更多精彩内容

  • 问答: 1. 函数声明和函数表达式有什么区别 (*) 在日常的任务中,JavaScript主要使用下面两种方式创建...
    小木子2016阅读 316评论 0 0
  • 问答部分 一、函数声明和函数表达式有什么区别? 二者表示函数的方式不一样,如下 函数声明(函数名称不可少) 函数表...
    dengpan阅读 417评论 0 0
  • 一、函数声明和函数表达式有什么区别?(*) ECMAScript里面规定了三种声明函数的方式: 构造函数函数也是对...
    婷楼沐熙阅读 459评论 0 2
  • 概念 1、函数声明和函数表达式有什么区别? ECMAScript规定了三种声明函数方式: 构造函数首先函数也是对象...
    周花花啊阅读 465评论 1 1
  • 一、函数声明和函数表达式有什么区别?(*) ** 1.ECMAScript里面规定了三种声明函数的方式**①构造函...
    鸿鹄飞天阅读 454评论 0 0