JavaScript函数与事件

最新推荐文章于 2022-09-15 16:59:20 发布

任书含廊坊师范提高班十五期

最新推荐文章于 2022-09-15 16:59:20 发布

阅读量421

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/s310040799/article/details/107686788

版权

这篇博客探讨了JavaScript中的函数，包括内置函数和自定义函数的定义与调用，强调了函数的作用域和返回值。同时，介绍了事件处理，如事件处理器、事件对象和事件的冒泡与捕获阶段，以及事件委托的概念。

摘要由CSDN通过智能技术生成

函数是一个比较基本的概念，它允许你在一个代码块中存储一段用于处理单任务的代码，然后在你任何需要的时候通过一个简短的命令来调用，而无需写很多重复的代码。

浏览器内置函数

在浏览器中有很多浏览器内置的函数
例如：

var myNumber = Math.random()    生成一个随机数

var myArray = ['I', 'love', 'chocolate', 'frogs'];      操作一个数组
var madeAString = myArray.join(' ');
console.log(madeAString);

浏览器后台的函数的代码一般是由C++这样的来编写的，而不是JavaScript来编写的，因此内置的浏览器函数并不是JavaScript语言的一部分，它被定义为浏览器API的一部分，用来提供更多的功能。

函数与方法

函数是对象方法的一部分，严格来说内置于浏览器中的函数并不是函数，它们是方法，二者之间的区别在于方法是在对象内定义的函数。浏览器中内置的函数和变量存储在结构化对象内，因此使得代码更加的高效且易于处理

自定义一个函数

我们可以自己来定义一个函数
例如：

function draw() {
   
  ctx.clearRect(0,0,WIDTH,HEIGHT);
  for (var i = 0; i < 100; i++) {
   
    ctx.beginPath();
    ctx.fillStyle = 'rgba(255,0,0,0.5)';
    ctx.arc(random(WIDTH), random(HEIGHT), random(50), 0, 2 * Math.PI);
    ctx.fill(