进阶3-函数声明,作用域

1.函数声明和函数表达式有什么区别
使用function关键字可以声明一个函数(声明不必放到调用的前面)

<p>//函数调用
sayHello()
//函数声明
function sayHello(){
  console.log("hello")
}</p>

函数表达式(声明必须放到调用的前面),不然就是输出undefined

var sayHello = function(){
  console.log("hello");
}
sayHello()

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

Paste_Image.png

3.arguments 是什么
类数组对象,可以使用arguments来获得函数的所有传入参数

function ptintInfo(name,age,sex){
  console.log(name);
  console.log(age);
  console.log(sex);
  console.log(arguments[0])
  console.log(arguments[1])
  console.log(arguments[2])
}
printInfo('Eric',28,'male')

4.函数的"重载"怎样实现

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');

通过不同的参数调用执行相应的逻辑
5.立即执行函数表达式是什么?有什么作用

(function fn1() {})();
(function fn2() {});//括号
[function fn3() {}];//数组
1,function fn4() {};//逗号

隔离作用域
6.求n!,用递归来实现

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

for循环

function factor(n) {
  var result = 1;
  for (var i = 0,i<n,i++){
    result=result*i
  }
}

7.

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 vally
getInfo('小谷',3)
//name:小谷 age:3 sex:undefined  ['小谷',3] name vally
getInfo('男')
//name:undefined age:undefined sex:男 ['男'] name vally

8

function sumOfSquares(a,b,c){
      if(a){
        a=a*a;
      }
      else{
        a=0;
      }
      if(b){
        b=b*b;
      }
       else{
        b=0;
      }
      if(c){
        c=c*c;
      }
       else{
        c=0;
      }
    console.log(a+b+c);
    }
var result = sumOfSquares(3)
  console.log(result)//9
var result = sumOfSquares(2,3,4)
  console.log(result) //29
var result= sumOfSquares(1,3)
   console.log(result) //10

9

console.log(a)
var a=1
console.log(b)

等价于

var a
console.log(a)
//undefined;var a声明前置,但未被赋值
a=1
console.log(b)
//报错;前面b没有被赋值

10

sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };
//hello world ,报错;sayName是一个function声明的函数,不需要前置;sayAge是var声明的一个函数,需要前置

11

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}
//10;
//1.globalContext={
  AO:{
    x=10
    foo:function
    bar:function},
Scope: null
}
2.barContext={
    AO:{
      x=30;
    },
  scope:bar.[[scope]]=globalContext.AO
3.fooContext={
    AO:{},
    Scope:foo.[[scope]]=globalContext.AO
}//调用foo的时候找到globalContext.AO里面x=10,输出10

12

var x = 10;
bar() 
function bar(){
  var x = 30;
  function foo(){
    console.log(x) 
  }
  foo();
}
//1.globalContext={
  AO:{
    x=10
    bar:function},
Scope: null
}
bar.[[scope]]=globalScope.AO
2.barContext={
    AO:{
      x=30;
      foo:function
    },
  scope:bar.[[scope]]=globalContext.AO
3.fooContext={
    AO:{},
    Scope:foo.[[scope]]=barContext.AO
}//foo()找到barContext.AO中x=30,输出30

13

var x = 10;
bar() 
function bar(){
  var x = 30;
  (function (){
    console.log(x)
  })()
}
//30;
//1.globalContext={
  AO:{
    x=10
    bar:function},
Scope: null
}
bar.[[scope]]=globalScope.AO
2.barContext={
    AO:{
      x=30;
    },
  scope:bar.[[scope]]=globalContext.AO
//查找到x=30

14

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

推荐阅读更多精彩内容