最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Javascript函数的四种调用模式

来源:动视网 责编:小采 时间:2020-11-27 20:28:26
文档

Javascript函数的四种调用模式

Javascript函数的四种调用模式:Javascript 函数的四种调用模式1 函数模式 最普通的函数调用// 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this表示全局对象,在浏览器
推荐度:
导读Javascript函数的四种调用模式:Javascript 函数的四种调用模式1 函数模式 最普通的函数调用// 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this表示全局对象,在浏览器


Javascript 函数的四种调用模式

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 上下文模式

本质--对象借用不属于该对象的方法(函数),即我们自定义this的指向

这时候就需要call和apply这两个方法

//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.gxlcms.com)!

文档

Javascript函数的四种调用模式

Javascript函数的四种调用模式:Javascript 函数的四种调用模式1 函数模式 最普通的函数调用// 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this表示全局对象,在浏览器
推荐度:
标签: 几种 函数 调用
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top