js总结(四)--JS 定义方法的三种方式

深藏阁楼爱情的钟 2022-04-06 06:10 191阅读 0赞

来自：[https://blog.csdn.net/u014338577/article/details/77775371][https_blog.csdn.net_u014338577_article_details_77775371]

JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式

1.方法调用模式：

先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject   
对象。  
var blogInfo=\{  
　　blogId:123,  
　　blogName:"werwr",  
　　showBlog:function()\{alert(this.blogId);\}  
\};  
blogInfo.showBlog();

2.函数调用模式

定义一个函数，设置一个变量名保存函数，这时this指向到window对象。

var myfunc = function(a,b)\{  
　　return a+b;  
\}

alert(myfunc(3,4));

3.构造器调用模式

定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。  
var myfunc = function(a)\{  
　　this.a= a;  
\};  
myfunc.prototype = \{  
　　show:function()\{alert(this.a);\}  
\}

var newfunc = new myfunc("123123123");  
newfunc.show();

4.apply,call调用模式

var myobject=\{\};  
var sum = function(a,b)\{  
　　returna+b;  
\};  
var sum2 = sum.call(myobject,10,30); //var sum2 =sum.apply(myobject,\[10,30\]);   
alert(sum2);

[https_blog.csdn.net_u014338577_article_details_77775371]: https://blog.csdn.net/u014338577/article/details/77775371

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS对象定义的三种方法

来源：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] 方法一：通过var object=\{\} 对象字面量 (

深碍√TFBOYSˉ_/ 2024年04月03日 14:12/ 0 赞/ 39 阅读

相关嵌入JS的三种方式以及JS的注释

目录 1、事件发生的三要素：事件源、事件、监听器 2、JavaScript是一种事件驱动型语言 3、JavaScript代码是由浏览器执行的 4、在HTML中嵌入JS代

布满荆棘的人生/ 2024年04月03日 08:14/ 0 赞/ 33 阅读

相关 JS定义字符串（3种方式）

在 JavaScript 中，定义字符串有以下 3 种方法。字符串直接量使用双引号或单引号包含任意长度的文本。示例1 任何被引号包含的文本都被称为字符串型数据

水深无声/ 2024年03月31日 12:39/ 0 赞/ 29 阅读

相关 JS对象定义的三种方法分享

![3d338d7dc6ea9c24f09af488788f30f1.jpeg][] 方法一：通过var object=\{\} 对象字面量 (1)，可以叫对象直接量来自定

矫情吗；*/ 2024年03月27日 14:51/ 0 赞/ 35 阅读

相关 JS 继承的四种方式

类三大特性 JS 本身是基于面向对象开发的编程语言。类：封装、继承、多态封装：类是一个函数，把实现一个功能的代码进行封装，以此实现 “低耦合高内聚” 多态

梦里梦外;/ 2022年12月26日 09:09/ 0 赞/ 136 阅读

相关【js】js三种引用方式

1.js js是JavaScript的简写，但是跟JAVA没有任何关系。js是一种结实型的语言 js是运行在浏览器端的脚本语言，它的作用就是负责网页和用户的交互效果

刺骨的言语ヽ痛彻心扉/ 2022年11月26日 08:53/ 0 赞/ 232 阅读

相关 js获取标签的三种方式

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

我不是女神ヾ/ 2022年10月02日 15:57/ 0 赞/ 573 阅读

相关 js 四种继承方式

继承说到继承，最容易想到的是ES6的extends，当然如果只回答这个肯定不合格，我们要从函数和原型链的角度上实现继承，下面我们一步步地、递进地实现一个合格的继承实现

怼烎@/ 2022年09月07日 12:22/ 0 赞/ 192 阅读

相关 js总结(四)--JS 定义方法的三种方式

来自：[https://blog.csdn.net/u014338577/article/details/77775371][https_blog.csdn.net_u0143

深藏阁楼爱情的钟/ 2022年04月06日 06:10/ 0 赞/ 192 阅读

相关导入js的三种方式

文章目录 1 行内导入方式（不推荐，不安全） 2 内嵌式 3 外链式 4 注意点 1 行内导入方式（不推荐，不安

淡淡的烟草味﹌/ 2022年03月06日 09:48/ 0 赞/ 514 阅读