js中函数,方法,事件对比区分，什么是方法，什么是函数

微信小程序开发交流qq群 581478349

承接微信小程序开发。扫码加微信。

正文：

简单的理解：函数是运行在本地的，方法是公用的。事件是开关，通过某某事件触发某个函数

通常命名规范

函数的命名使用小写字母和下划线（小写字母开头）的方式，例如 get_client_ip；
方法的命名使用驼峰法（首字母小写），例如 getUserName；

1.函数和方法:

函数（function）: 函数是带有名称（named）和参数的JavaScript代码段，可以一次定义多次调用。

方法（method）: 当将函数和对象合写在一起时，函数就变成了 "方法"（method）// 当函数赋值给对象的属性，我们称为"方法"

也就是函数和方法本质上是一样的，只不过方法是函数的特例，是将函数赋值给了对象。

在类型语言中（如：C#,Java）叫方法，在弱类型语言中（如：javascript,vbscript）叫函数, 用对象调用的叫方法，直接调函数名的叫函数

方法示例

fullName : function() {return this.firstName + " " + this.lastName;
}

函数示例

function myFunction() {return this;
}

2.函数和事件

举例: 函数是机器，事件是开关，触发开关，机器运转. 看下面示例代码:

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>点击绑定了onclick事件的按钮就可以执行  displayDate()  函数。</p>
<button onclick="displayDate()">点击事件</button>
<script>
function displayDate(){document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>

js中函数,方法,事件对比区分，什么是方法，什么是函数相关推荐

js中的onchange事件
js中的onchange事件刚开始接触 onchange 事件就开始幻想能做很多炫酷的事情,但是初学JS时知识不够全面,力不从心.对于onchange事件还不够了解. onchange事件被描述为 ...
JS中的click事件无反应
JS中的click事件无反应今天在一个js文件中写了一个click函数,结果在页面中点击后死活没有反应,各种检查之后代码也没问题,就是无法触发click函数.各种百度之后终于找到了问题所在:在点击的 ...
js中的onclick事件在ul获取li时点击两次才会执行的原因
js中的onclick事件在ul获取li时点击两次才会执行的原因下面的代码中只有onclick第二次才会执行函数内部的代码代码实例如下: <!DOCTYPE html> <ht ...
JS中常用的事件操作
JS中常用的事件操作前言一.点击事件(导航栏内容切换功能) 二.移入移出事件(导航栏菜单下拉功能) 三.失去焦点事件(表单检验功能) 四.鼠标事件(鼠标跟随功能) 五.键盘事件(打飞机案例) 总结 ...
js中document通过ID获取的一些使用方法
js中document通过ID获取的一些使用方法 document.getElementById("link").href; document.getElementById(&q ...
nuxt.js中的静态图片显示不出来解决方法
nuxt.js中的静态图片显示不出来解决方法 <script> export default {data() {return {imgList: [{ name: "图1&quo ...
如何调试JS中鼠标悬停事件影响的元素？
如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...
一种改版后检查硬件PCB生产资料的方法***-----Gerber对比，检查的方法
一种改版后检查硬件PCB生产资料的方法-----Gerber对比,检查的方法一.前言硬件电路设计改版是常有的事,不管小的实物,还是需求变更经常会遇到要增加或者减少器件,修改走线这些.在第一版已经做 ...
js中的onclick事件和JQuery中的click方法以及on方法事件用法总结
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有(js中的),Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 2.click方法(jquery中 ...

js中函数,方法,事件对比区分，什么是方法，什么是函数

承接微信小程序开发。扫码加微信。

正文：

函数（function）: 函数是带有名称（named）和参数的JavaScript代码段，可以一次定义多次调用。

方法（method）: 当将函数和对象合写在一起时，函数就变成了 "方法"（method）// 当函数赋值给对象的属性，我们称为"方法"

js中函数,方法,事件对比区分，什么是方法，什么是函数相关推荐

最新文章

热门文章

js中函数,方法,事件对比区分，什么是方法，什么是函数

承接微信小程序开发。扫码加微信。

正文：

函数（function）: 函数是带有名称（named）和参数的JavaScript代码段，可以一次定义 多次调用。

方法（method）: 当将函数和对象合写在一起时，函数就变成了 "方法"（method）// 当函 数赋值给对象的属性，我们称为"方法"

js中函数,方法,事件对比区分，什么是方法，什么是函数相关推荐

最新文章

热门文章

函数（function）: 函数是带有名称（named）和参数的JavaScript代码段，可以一次定义多次调用。

方法（method）: 当将函数和对象合写在一起时，函数就变成了 "方法"（method）// 当函数赋值给对象的属性，我们称为"方法"