일반적인 JS 기능 문제에 대한 설명

우리는 공부하다 보면 자바스크립트 기능 문제를 자주 접하는데, 이 글에서는 이에 대해 설명하겠습니다.

함수 선언과 함수 표현식의 차이점은 무엇입니까

함수 표현식과 함수 선언문은 동일한 함수 이름을 포함하며 둘 다 새로운 함수 객체를 생성합니다. 차이점은 주로 변수 승격의 다른 개체에 있습니다

함수 선언 함수. name은 변수이고, 변수는 함수 객체를 가리킵니다. 변수 승격은 함수의 변수이자 함수 본문입니다.

함수 표현식은 var를 통해 할당되며, 전체 함수는 새 변수에 할당되고, 해당 변수는 새 변수 이름으로 승격되며, 함수 초기화 코드는 원래 위치에 유지됩니다.

변수 사전 선언이란 무엇인가요? 함수 선언 접두사란 무엇입니까

변수 선언 접두사

console.log(a);var a = 1;
结果为underfined

변수 선언 접두사는 기본적으로 다음 코드로 설정됩니다.

var a; //변수 선언 접두사 console.log(a);
a = 1 ;

함수 선언이 앞에 추가됩니다.

a()function a(){console.log ("hello") }

Function 선언이 추가됩니다. 기본 코드는 다음과 같습니다.

function a(){                   //将函数声明提升console.log ("hello") }a()
arguments 是什么

arguments는 함수가 실행될 때 전달된 매개변수를 저장하는 배열형 객체입니다. 함수에서 인수를 사용하여 모든 함수의 매개변수를 가져올 수 있습니다.
다음 코드:

function say(name,sex,age){  console.log(arguments);
}console.log('name:jiuyi',"sex:男",'age:54')
结果为："name:jiuyi""sex:男""age:54"

함수 오버로딩 구현 방법

JS에는 함수 오버로딩이라는 개념이 없습니다. 매개변수가 달라도 후속 새 함수는 이전 함수를 동일한 이름으로 덮어씁니다.

      function p(a,b,c) {  
           console.log(a+b+c);  
       }  
 
       function p(a,b) {  
           console.log(a+b);  
       }       console.log(p('hello','jiuyi','yes'));       console.log(p('hello'))
结果为：  "hellojiuyi"
 "helloundefined"

위 그림에서 볼 수 있듯이 후자의 P 함수가 상위 P 함수를 덮고 있습니다.

즉시실행 함수 표현이란? 무슨 일을 하나요

함수 표현식의 즉시 실행은 함수 선언 전체를 ()로 감싸 함수 표현식이 된 다음, 매개변수를 따라 함수를 즉시 실행하는 것입니다.
function ( ){ } 함수 선언은 ( function (){ }) ( )로 변환됩니다.
Function:

변수 승격의 간섭 없이 자체 범위와 독립적인 지역 변수를 생성하여 내부 변수와 외부 변수 간의 충돌을 줄입니다. 아마도, 한 번 실행하면 변수가 삭제됩니다.

함수의 범위 체인이란

JS에서는 전역 변수와 지역 변수로 나누어집니다. 전역 변수는 함수 내부에서 접근할 수 있지만, 함수 내부의 지역 변수는 함수 외부에서 접근할 수 없습니다. 함수 내부에 있는 경우 먼저 변수가 이 범위에 정의되어 있는지 확인합니다. 그렇지 않은 경우 필요한 변수를 찾을 때까지 다음 수준으로 검색합니다. 전역 변수에서 찾을 수 없으면 오류가 보고됩니다. 외부 변수와의 간섭을 피하기 위해 지역 변수를 사용해 보십시오.

1. 코드 출력

  function getInfo(name, age, sex){        console.log('name:',name);        console.log('age:', age);        console.log('sex:', sex);        console.log(arguments); //代表实际参数，所以输出实际参数内容
        arguments[0] = 'valley';//name赋值为valley
        console.log('name', name);//所以这里参数输出为valley
    }
    getInfo('hunger', 28, '男');
    getInfo('hunger', 28);
    getInfo('男');
结果为：
name: hunger
 age: 28
 sex: 男
["hunger", 28, "男"]
name valley
 name: hunger
 age: 28sex: undefined
 ["hunger", 28]
 name valley
name: 男
age: undefined
 sex: undefined["男"]
name valley

2. 매개변수의 제곱의 합을 반환하는 함수를 작성하세요.

  function sumOfSquares(){   var x = 0;   for(var i = 0;i<arguments.length;i++){
   x = x + arguments[i]*arguments[i]
   }   console.log(x)
   }
   sumOfSquares(2,3,4);   
   sumOfSquares(1,3);
结果为：2910

3. 다음 코드의 출력은 무엇인가요? 이유

console.log(a); //JS가 전역 변수를 승격하기 때문에 출력이 부족합니다. a는 선언만 되지만 할당되지는 않습니다. var a = 1; //오류가 보고됩니다. b는 선언되거나 할당되지 않았습니다.

4. 다음 코드의 출력은 무엇입니까? 이유

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

결과는 다음과 같습니다.
hello world //함수 선언 접두사 function sayName(name)이 최상위로 승격되므로 sayName에는 선언과 내용이 있습니다. 오류 보고 //var sayAge 앞에 변수 선언이 맨 위로 올라가고, sayAge 함수가 선언되지 않아 오류가 보고됩니다.

5. 다음 코드의 출력은 무엇입니까? 왜

function fn(){} 
 var fn = 3; console.log(fn);
相当于：  var fn；  function fn(){} ；
  fn = 3;  console.log(fn);    //所以输出为3

6. 다음 코드의 출력은 무엇입니까? 왜

function fn(fn2){   console.log(fn2);   //输出 function fn2(){ console.log('fnnn2');}
   var fn2 = 3;   console.log(fn2);   //输出3
   console.log(fn);    //输出 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');  //不输出，函数未调用
   } 
} 
fn(10);
相当于：var fn2；                            //声明前置function fn(fn2){  
   function fn2(){                   //函数声明前置
     console.log('fnnn2');          //此函数不输出，未调用
   } 
   console.log(fn2);               // 调用的其实是函数fn2
   fn2 = 3;             
   console.log(fn2);            // 此时fn2已被赋值为3
   console.log(fn);              //调用的其实是fn整个函数}
fn(10);

7. 다음 코드의 출력은 무엇입니까? 왜

  var fn = 1;    function fn(fn){         console.log(fn);
    }    console.log(fn(fn));       //结果报错，变量提升，fn为1，直接调用1出错结果相当于：    var fn;    function fn(fn){         console.log(fn);
    }
    fn = 1;    console.log(fn(fn));

8. 다음 코드의 출력은 무엇입니까? 왜

console.log(j);   //变量提升输出undefined
 console.log(i);    //变量提升输出undefinedfor(var i=0; i<10; i++){   //i循环后结果为10var 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;
        }
    }
代码相当于：var i; 
var fn;function fn(){  
  var i ;  function fn2(){
  i = 100;
  } console.log(i);    //只有声明未赋值输出underfined
  i = 99;
  fn2();                  //经过运行I=100
  console.log(i);      //输出100}
fn();
i = 10;
fn = 20;console.log(i);             //输出10

10. 다음 코드의 출력입니까?

 var say = 0;
    (function say(n){        console.log(n);        if(n<3) return;
        say(n-1);
    }( 10 ));    console.log(say);

코드가 다음과 같은 이유는 무엇입니까? var say;

   (function say(n){        console.log(n);        if(n<3) return;    
        say(n-1);
    }( 10 ));
      say = 0;    console.log(say);           //输出为0结果为：10987654320

함수 say는 즉시 실행 함수이고 실행 결과는 10, 9, 8, 7, 6, 5, 4, 3, 2입니다. 최종 say 값은 0이므로 출력은 0입니다.

이 기사에서는 일반적인 js 함수 문제에 대해 설명합니다. 자세한 내용은 PHP 중국어 웹사이트를 참조하세요.

관련 권장 사항:

JavaScript 관련 기능 설명

jquery DOM 및 이벤트 설명

관련 모듈 기본 사항

위 내용은 일반적인 JS 기능 문제에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!