前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >第164天:js方法调用的四种模式

第164天:js方法调用的四种模式

作者头像
半指温柔乐
发布2018-09-11 09:52:25
9630
发布2018-09-11 09:52:25
举报
文章被收录于专栏:前端知识分享

js方法调用的四种模式

1、方法调用模式

代码语言:javascript
复制
 1 function Persion() {
 2     var name1 = "itcast",
 3     age1 = 19,
 4     show1 = function() {
 5         console.log(this.name);
 6     };
 7 
 8     return {
 9         age : age1,
10         name : name1,
11         show : show1
12     };
13 }
14 
15 var p = new Persion();
16 p.show();  //在show方法中的this指向了p对象。

2、 函数调用模式

代码语言:javascript
复制
1 function add( a, b) {
2     this.result = a + b;
3 }
4 
5 add( 3, 9 ); //此方法执行的时候,this指向了window
6 
7 console.log(result);   

3、构造器调用模式

代码语言:javascript
复制
 1 function Persion(){
 2     this.name = "123";
 3     this.age = 19;
 4     this.show = function(){
 5         console.log(this.name);
 6     };
 7 }
 8 
 9 var p = new Persion();
10 p.show();//  在show方法中方法this,指向了p对象实例。

4、call 和 apply调用模式

代码语言:javascript
复制
1 function add(a,b){
2     this.result = a + b;s           
3 }
4 
5 var p  = {};        //定义一个空对象。
6 add.call(p,3,4);    //在这个方法调用的时候,this指向了p
7 console.log(p.result);
8 
9 //apply和call是一样的用法,只不过apply第二个参数用数组进行传递。

变量提升:函数执行之前,会先将函数中所有的变量,挪到最前面去声明。

函数名提升: script中脚本,在执行之前,会先把脚本中的所有的函数先进行编译解析,然后执行普通的js代码。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-02-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • js方法调用的四种模式
    • 1、方法调用模式
      • 2、 函数调用模式
        • 3、构造器调用模式
          • 4、call 和 apply调用模式
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档