• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 函数四种调用模式以及其中的this指向

函数四种调用模式以及其中的this指向

作者:九成 字体:[增加 减小] 来源:互联网 时间:2017-05-11

九成通过本文主要向大家介绍了模式串的next函数值,关系模式函数依赖,设计模式 工厂函数,构造函数模式,生育模式函数等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

第一种:函数直接执行模式

function add(a,b){
   console.log(this);
   return a+b;
  }
 add(10,20)//this===window
</div>

第二种:对象方法的调用模式

var obj={
   name:'aaa',
   age:20,
   said:function(){
    console.log(this);
   }
  }
obj.said();//this===obj,此处this指代被调用者
</div>

第三种:构造器的调用模式

function School(){
   this.said=function(){
    console.log(this);
   }
  }
var nanj=new School();
nanj.said();//对象调用自己的方法,this===nanj,类似上面
</div>

第四种:call和apply调用模式

function change(a,b){
   this.detial=a*b;
   console.log(this);
  }
  var p={};
  change.call(p,4,5);//此处的this===p
  console.log(p.detial);
  var q=[];
  change.call(q,5,10)//this===q
  console.log(q.detial);
  //apply和call一样的用法,只不过apply第二个参数用数组进行传递
  var arr=[];
  change.apply(arr,[10,10]);//this===arr
  console.log(arr.detial);
  var str={};
  change.apply(str,[20,20]);//this===str
  console.log(str.detial);
</div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 函数四种调用模式以及其中的this指向

相关文章

  • 2017-05-11JQuery查找子元素find()和遍历集合each的方法总结
  • 2017-05-11ES6教程之for循环和Map,Set用法分析
  • 2017-05-11纯JS实现图片验证码功能并兼容IE6-8(推荐)
  • 2017-09-11js元素拖拽
  • 2017-05-11详解javascript立即执行函数表达式IIFE
  • 2017-05-11jQuery实现联动下拉列表查询框
  • 2017-05-11微信小程序 增、删、改、查操作实例详解
  • 2017-05-11js实现用户输入的小写字母自动转大写字母的方法
  • 2017-05-11完美解决spring websocket自动断开连接再创建引发的问题
  • 2017-05-11JavaScript实现翻页功能(附效果图)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 详解nodejs操作mongodb数据库封装DB类
    • WebPack基础知识详解
    • js oncontextmenu事件使用详解
    • xmlplus组件设计系列之路由(ViewStack)(7)
    • vue中如何引入jQuery和Bootstrap
    • jQuery实现获取h1-h6标题元素值的方法
    • Vue2.x中的父子组件相互通信的实现方法
    • JavaScript基本类型值-Number类型
    • JS获取本周周一,周末及获取任意时间的周一周末功能示例
    • JavaScript正则获取地址栏中参数的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有