>  기사  >  웹 프론트엔드  >  Javascript 함수의 4가지 호출 모드

Javascript 함수의 4가지 호출 모드

黄舟
黄舟원래의
2016-12-13 16:41:301120검색

Javascript 함수의 4가지 호출 모드

1 함수 모드

가장 일반적인 함수 호출

// 声明式函数 
function fn1 () {    
console.log(this); 
} 
// 函数表达式函数 
var fn2 = function() {    
console.log(this); 
}; 
// 调用 函数中this表示全局对象,在浏览器中就是指window 
fn1();   //window 
fn2();   //window

2 메서드 모드

함수는 객체에 첨부되며 객체의 속성입니다. 그런 다음 이 함수를 호출합니다. 이 패턴은 메서드 호출 패턴입니다.

var obj = {
  name: "zhangSan",
  sayHi: function () {
    console.log(this);
  }
};
obj.sayHi(); //obj对象

3 생성자 호출 모드

는 일반적으로 new + 함수 이름()을 통해 생성자를 호출하는 모드입니다. 차이

function Person() {}
var tom = new Person(); // 这就是构造器函数的调用 
  
// 构造函数调用的详细过程
// 1 会在内部创建一个对象o
// 2 给对象赋值(this), 然后执行各种操作
// 3 返回这个对象o

// 构造函数的返回值:
 //
 //  有一个默认的返回值,新创建的对象(实例);
 //  当手动添加返回值后(return语句):
 //     1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(即实例)
 //    2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象

4 컨텍스트 모드

Essence--객체는 객체에 속하지 않는 메소드(함수)를 차용합니다. 즉, 지점을 사용자 정의합니다. 이 중

이때 호출 및 신청방법이 필요합니다

//Function.prototype.call ()
  //Function.prototype.apply ()
  //——>任何函数都可以调用call和apply方法
  
  // 第一个参数控制this的指向,第二个参数:
        在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示
//伪数组
  var o={ 0:10,1:20,length:2 };
  
  //让o对象借用数组的push方法来添加元素
  //[].push.call(o,30,50,70)
  [].push.apply(o,[1,2,3])
  console.log(o);//其中对象o中length属性的值也会改变的哦

읽어주셔서 감사합니다. 모두에게 도움이 될 수 있습니다. 자세한 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.