JS 에서 생 성 함수 가 자주 사용 하 는 두 가지 방식 과 차이 점

1616 단어 JavaScript
JS 에서 함 수 를 만 드 는 방식 은 모두 세 가지 가 있 는데 일상적인 실전 개발 에서 자주 사용 하 는 방식 은 모두 두 가지 로 나 뉜 다.
1. 함수 설명
function sum1(n1,n2){
   return n1+n2;
};

2. 함수 표현 식, 편지 숫자 면 량 이 라 고도 합 니 다.
var sum2=function(n1,n2){
    return n1+n2;
};

두 가지 차이 점: 해석 기 는 함수 성명 을 먼저 읽 고 모든 코드 를 실행 하기 전에 접근 할 수 있 도록 합 니 다.함수 표현 식 은 해석 기 가 있 는 코드 줄 에 실 행 될 때 까지 기 다 려 야 합 니 다.
실행 함 수 는 엄 밀 히 말 하면 함수 표현 식 이 라 고도 합 니 다. 주로 새로운 역할 도 메 인 을 만 드 는 데 사 용 됩 니 다. 이 역할 도 메 인 에서 설명 한 변 수 는 다른 역할 도 메 인 내 변수 와 충돌 하거나 헷 갈 리 지 않 고 대부분 익명 함수 로 존재 하 며 즉시 자동 으로 실 행 됩 니 다.
(function(n1,n2){
    console.log (n1+n2)
})(1,3);//4

다른 몇 가지 자체 실행 함수:
//     
(function(x,y){
  console.log(x+y);
})(2,3);
 
//    
var sum=(function(x,y){
  return x+y;
})(2,3);
console.log(sum);
 
~function(){
  var name='~'
  console.log(name);
}();
 
!function(){
  var name='!'
  console.log(name);
}();
 
;(function(){
  var name=';'
  console.log(name);
})();
 
-function(){
  var name='-'
  console.log(name);
}();
 
//     
1,function(){
  var name=',';
  console.log(name);
}();
 
//  
1^function(){
  var name='^';
  console.log(name);
}();
 
//     
1>function(){
  var name='>';
  console.log(name);
}();
 
~+-!(function(){
  var name='~+-!';
  console.log(name);
})();
 
~!(function(){
  var name='~!';
  console.log(name);
})();
 
(function(){
  var name='call';
  console.log(name);
}).call();
 
(function(){
  var name='apply';
  console.log(name);
}).apply();

좋은 웹페이지 즐겨찾기