js中函数、方法、对象的区别

一、函数：

1、函数就是一个工具，通过一小段代码，完成某个功能；

2、函数的定义：
```
function 函数名(){.....
}    
```
或者：
```
var 函数名 = function(){......
}
```
3、函数的调用（可以在函数定义后调用）：

　　　　　　函数名（）；

4、函数的参数：

①、形式参数：

　　形参出现在函数定义中，必须是变量。

②、实际参数：

　　实参出现在函数调用中，可以是常量、变量、表达式，必须有值；

　　（实参数大于形参数，多于实参舍去；实参数小于行参数，多于形参值为undefined。一般情况下一致）

5、函数的返回值：

　　当一个函数的结果还有其他的用处，用return将结果返回；

　　当出现return时，后面的语句不执行；

6、当程序中有两个相同的函数，识别最后一个。

二、事件：

1、与函数的关系：

事件：对元素的某种操作；

所有的事件都会依赖函数执行。

2、事件的三要素：

事件源、事件、事件处理程序（函数）

　　事件源.事件 = function（）{

　　}

3、事件种类：

①、页面事件：

　　onload 页面加载事件（页面打开后执行）

　　onunload 页面卸载事件（页面关闭时执行）

②、鼠标事件：

　　onlick 单击

　　ondblclick 双击

　　onmousedown 按下

　　onmouseup 抬起

　　onmouseover 移入

　　onmouseout 移出

　　onmouseenter 移入

　　onmouseleave 移出

　　onmousemove 移动

　　oncontextmenu 右键单击

③、键盘事件：

　　onkeyup 抬起

　　onkeydown 按下

　　onkeypress 按下+抬起

④、其他事件（一般用于表单）：

　　onsubmit 表单提交事件（一般用于表单验证）

　　onchange 改变（一般用于下拉列表）

　　onblur 失去焦点

　　onfocus 获取焦点

三、方法

方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数，只是比较特殊的函数。

当将函数和对象和写在一起时，函数（function）就变成了某个对象的方法（method）。

对象：

对象也是变量。但是对象包含很多值。

这段代码把多个值（porsche, 911, white）赋给名为 car 的变量：

var car = {type:"porsche", model:"911", color:"white"};

对象方法

对象也可以有方法。

方法是在对象上执行的动作。

方法以函数定义被存储在属性中。

函数：

JavaScript 函数是被设计为执行特定任务的代码块。

JavaScript 函数会在某代码调用它时被执行。

函数（方法Function）是对js操作过程的封装，以后操作同样的过程，只要调用相应的函数（方法）即可。
对象同样是对js代码封装，不过对象可以封装函数（方法）。比如把某一类的函数（方法）都封装到某个对象中。。这样可以系统的管理调用函数（方法）。
比如我写了很多的函数，只要知道我想要调用的函数是哪一类的。声明相应的对象，就可以很容易的找到我要调用的函数（方法）。

js中函数、方法、对象的区别相关推荐

js中几个对象的区别和用法
js中几个对象的区别和用法今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href" ...
js中函数,方法,事件对比区分，什么是方法，什么是函数
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 简单的理解:函数是运行在本地的,方法是公用的. 事件是开关,通过某某事件触发某个函数通常命名规范 ...
js中数组和对象的区别方法
可以使用:instanceof function isArray(obj) {return obj instanceof Array; } function isObject(obj){return ...
js中函数对象的方法，原型方法apply、call、bind、toString、toLocaleString、valueOf
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解 js中函数也是一种对象,因此有自己的原型对象,可以作为其他对象的属性,也可以作为其他函数的参数. 函数方法 [apply() ...
js中函数和方法的区别:转载于黑泽君
js中函数和方法的区别在javascript中的解释为: 函数(function)是可以执行的javascript代码块,由javascript程序定义或javascript实现预定义.函数可以带 ...
JavaScript -- 时光流逝（三）：js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...
【转载】JS中bind方法与函数柯里化
原生bind方法不同于jQuery中的bind方法只是简单的绑定事件函数,原生js中bind()方法略复杂,该方法上在ES5中被引入,大概就是IE9+等现代浏览器都支持了(有关ES5各项特性的支持情 ...
js中的extend的用法及其JS中substring与substr的区别
1. JS中substring与substr的区别之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的. ...
JavaScript id_好程序员web前端分享Javascript中函数作为对象
好程序员web前端分享Javascript中函数作为对象,Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性, ...
uniapp 获取到js文件var一个变量怎么获取到这个变量值_浅析Js中const,let,var的区别及作用域...
理解:let变量的作用域只能在当前函数中 js中const,let,var的区别及作用域_lianzhang861的博客-CSDN博客blog.csdn.net 全局作用域中,用 const 和 l ...

js中函数、方法、对象的区别

对象方法

js中函数、方法、对象的区别相关推荐

最新文章

热门文章