진급3작업

1. 함수 성명과 함수 표현식은 어떤 차이가 있는가
함수 설명:function 키워드를 사용하여 함수를 설명할 수 있습니다

function sayHello() {
    console.log('hello');
}
sayHello()

성명은 호출 앞에 놓을 필요가 없다.

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

성명은 반드시 호출된 앞에 두어야 한다.
2. 변수의 성명 전치는 무엇입니까?무엇이 함수의 성명 전치입니까?
하나의 작용 영역에서 var 성명의 변수와funciton 성명의 함수가 선행됩니다.열거하여 설명하다

console.log(a);            
var a = 3;           
console.log(a);             
sayHello();                 
function sayHello() {
    console.log('hello');
}

JS에서 실제로 실행할 때는 아래와 같다.

var a;                              //  
function sayHello() {       //  
    console.log('hello');
}
console.log(a); 
a = 3;
console.log(a);
sayHello();

3,arguments는 무엇입니까?
함수 내부에서,arguments 대상을 사용하여 이 함수에 전송된 모든 매개 변수를 얻을 수 있습니다.arguments는 클래스 그룹 대상이라고 합니다.그러나 이것은 수조를 나타내며 아래 표시된 방식으로 값을 얻을 수 있고length 속성도 있습니다.열거하여 설명하다

function printPersonInfo() {
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
    console.log(arguments.length);
} 
printPersonInfo('Ty', 22, 'female');

4. 함수의'재부팅'은 어떻게 실현됩니까?
다른 언어에서 다시 불러오는 것은 여러 개의 동명 함수를 사용할 수 있지만 매개 변수와 되돌아오는 값의 유형은 모두 다르지만 호출할 때 우리는 호출할 때 참고하는 방식에 따라 대응하는 함수를 자동으로 일치시킬 수 있다.JS에 재부팅되지 않으면 같은 이름의 함수는 덮어쓰지만 함수 바늘에서 서로 다른 매개 변수를 호출하여 해당하는 논리를 실행할 수 있습니다.JS에서 재부팅을 시뮬레이션합니다.

function printPersonInfo(name, age, sex) {
    if(name) {
        console.log(name);
    }
    if (age) {
        console.log(age);
    }
    if(sex) {
        console.log(sex);
    }
} 
printPersonInfo('HR', 22);
printPersonInfo('Ty', 22, 'female');

재부팅은 전달된 매개 변수에 따라 어떤 일을 하는지 하는 것이다.
5. 함수 표현식은 무엇입니까?무슨 작용이 있느냐
즉시 실행되는 익명 함수 표현식으로 두 쌍의 괄호가 익명 함수를 감싸고 익명 함수를 하나의 함수 표현식으로 만든다.(function() { var a = 1;})();작용: 격리작용역 열거

(function b() {
      var a = 2
} ) 
console.log(a)   // a is not defined

6. 제발!,귀속으로 실현하다

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

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, ' ');
getInfo(' ', 3);
getInfo(' ');

name: 굶주린 사람 골짜기: 2 sex: 남자 ["굶주린 사람 골짜기", 2, "남"] name valley name: 작은 골짜기: 3 sex: undefined ["작은 골짜기", 3] name valley name: 남자: undefined sex: undefined ["남"] name valley
8. 함수를 써서 매개 변수의 제곱과

 function sumOfSquares(){
   }
   var result = sumOfSquares(2,3,4)
   var result2 = sumOfSquares(1,3)
   console.log(result)  //29
   console.log(result2)  //10

function sumOfSquares(){
    var sum = 0;
    for(var i = 0; i < arguments.length; i++) {
        sum = sum + arguments[i] * arguments[i];
    }
    return sum;
}

9. 다음 코드의 출력은?무엇 때문에

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

변수 선언 선행자

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

출력 결과:undefined Uncaught ReferenceError: b is not defined a가 먼저 성명되었지만 b는 성명하지 않았습니다.
10. 아래 코드의 출력은?무엇 때문에

sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };

Uncaught TypeError:sayAge is not a function 함수 설명은 호출 호출 앞에 놓을 필요가 없습니다.함수 표현식은 호출의 앞에 두어야 한다
11. 다음 코드는 무엇을 출력합니까?역할 영역 체인 찾기 프로세스 위조 코드 쓰기

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}

출력 결과: 10

//  
globalContext = {
    AO: {
        x: 10,
        bar: function() {}
        foo: function() {}
    }
    Scope: null
}
bar.[[scope]] = globalContext.AO;
foo.[[scope]] = globalContext.AO;
barContext = {
    AO: {
        x: 30,
    }
    Scope: globalContext.AO;
}
fooContext = {
    AO: {},
    Scope: globalContext.AO;
}

12. 다음 코드는 무엇을 출력합니까?역할 영역 체인 찾기 프로세스 위조 코드 쓰기

var x = 10;
bar() 
function bar(){
  var x = 30;
  function foo(){
    console.log(x) 
  }
  foo();
}   

출력 결과: 30

//   
globalContext = {
    AO: {
        x: 10,
        bar: function() {}
    }
    Scope: null
}
bar.[[scope]] = globalContext.AO;
barContext = {
    AO: {
        x: 30,
        foo: function() {}
    }
    Scope: globalContext.AO;
}
foo.[[scope]] = barContext.AO;
fooContext = {
    AO: {},
    Scope: barContext.AO;
}

13, 다음 코드는 무엇을 출력합니까?역할 영역 체인 찾기 프로세스 위조 코드 쓰기

var x = 10;
bar() 
function bar(){
  var x = 30;
  (function (){
    console.log(x)
  })()
}

출력 결과: 30

//  
globalContext = {
    AO: {
        x: 10,
        bar: function() {};
    }
    Scope: null
}
bar.[[scope]] = globalContext.AO;

barContext = {
    AO: {
        x: 30,
         anonymity ：function() {}
    }
    Scope：globalContext.AO;
}
anonymity.[[scope]] = barContext.AO;

14. 다음 코드는 무엇을 출력합니까?역할 영역 체인 찾기 프로세스 위조 코드 쓰기

var a = 1;

function fn(){
  console.log(a)         // (1)
  var a = 5
  console.log(a)         //  (2)
  a++
  var a
  fn3()                         // (3)
  fn2()                         // (4)
  console.log(a)          // (5)      

  function fn2(){
    console.log(a)
    a = 20
  }
}

function fn3(){
  console.log(a)
  a = 200
}

fn()
console.log(a)                    // (6)

위에 출력할 때 코드의 번호를 표시했다.

//  (1) 
globalContext = {
    AO:{
        a:1,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: undefined,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

이 때 undefined 출력

//  (2) 
globalContext = {
    AO:{
        a:1,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: 5,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

(2) 이 때 결과: undefined 5

//  (3) 
globalContext = {
    AO:{
        a:1,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: 6,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

fn3Content = {
    AO:{}
    scope: fn3.[[scope]] = globalContext.AO;
}

(3) 이 시각 결과: undefined 5 1

//  (4) ......
globalContext = {
    AO:{
        a:200,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: 6,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

fn3Content = {
    AO:{}
    scope: fn3.[[scope]] = globalContext.AO;
}

fn2Content = {
    AO: {}
    scope: fn2.[[scope]] = fnContext.AO;
}

(4) 현재 결과는 undefined 5 1 6

// (5) 
globalContext = {
    AO:{
        a:200,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: 20,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

fn3Content = {
    AO:{}
    scope: fn3.[[scope]] = globalContext.AO;
}

fn2Content = {
    AO: {}
    scope: fn2.[[scope]] = fnContext.AO;
}

(5) 현재 결과는 undefined 5 1 6 20

//  (6)
globalContext = {
    AO:{
        a:200,
        fn: function() {},
        fn3: function() {},
    }
    Scope: null;
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;

fnContext = {
    AO: {
        a: 20,
        fn2: function() {}
    }
    scope: fn.[[scope]] = globalContext.AO;
}
fn2.[[scope]] = fnContext.AO;

fn3Content = {
    AO:{}
    scope: fn3.[[scope]] = globalContext.AO;
}

fn2Content = {
    AO: {}
    scope: fn2.[[scope]] = fnContext.AO;
}

(6) 출력 결과: undefined 51 6 20 200