箭头函数练习题

最新推荐文章于 2023-01-30 19:51:12 发布
最新推荐文章于 2023-01-30 19:51:12 发布
阅读量837 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46907923/article/details/114679330
版权
本文通过一个编程练习介绍JavaScript箭头函数的使用。任务涉及在对象的start和stop方法中应用箭头函数，start方法用于设置点击事件，启动定时器每秒向div元素添加内容，而stop方法则用于清除定时器。文章详细阐述了如何实现这一功能并调用相关方法。
摘要由CSDN通过智能技术生成

任务要求：
（1）在对象下的两个方法start和stop中补全代码。
（2）第一个方法start，设置“开始”按钮点击事件，
开启定时器，每隔一秒，向div元素中追加内容。
（3）第二个方法stop，设置“停止”按钮点击事件，
清除定时器。
（4）调用对象下的这两个方法。
任务效果：在这里插入图片描述

html代码
  <button id="start">开始</button>
  <button id="stop">停止</button>
最低0.47元/天 解锁文章
易只千纸鹤
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript三十道经典练习题
11-30
"JavaScript三十道经典练习题"提供了一个绝佳的学习平台，让你通过实际操作深入理解和掌握这门语言的核心概念。在这个压缩包中，你将找到"JavaScript30-master"这个文件夹，它包含了30个不同的练习，每个练习都对应...
面试题！箭头函数
频繁记录
06-16 1242
面试题！箭头函数
（6）es6——箭头函数
浪头的博客
04-23 737
箭头函数的使用 声明定义方式 () => {} 箭头函数的参数 // 只有一个参数的时候，可以省略小括号 const sum = a => a; 箭头函数的函数体 /* 1、当函数体中只有一条js表达式时，可以省略大括号，且js表达式的 执行结果就是return返回值 */ const sum1 = (num1,num2) => num1 + num2; // 等同于== function sum2(num1,num2){ return num1 + num2; } 使用箭头函数
练习箭头函数
m0_65382120的博客
05-03 224
首先箭头函数规定是什么？ function 省略掉，替换为=> 参数只有一个时，可以省略（） 函数体只有一行时，可以省略{} 函数体只有一行，并且有返回值时，如果省略了{}，必须省略return //无参数，一行 ，返回值的函数 // let func1=function () { // console.log('hello ITheima') // } let func1= () => console.log('hello ITheima
箭头函数（面试题）
weixin_46544034的博客
02-26 995
箭头函数
5分钟入门箭头函数(三个例子了解this指向)
m0_69551472的博客
01-30 356
5分钟入门箭头函数(三个例子了解this指向)
练习题：解决练习题
02-08
-箭头函数 - 类和继承 -解构赋值 - Set和Map数据结构 - 异步迭代器和for...of循环 - Symbol类型 10. **DOM操作**： - document对象方法（getElementById、querySelector、querySelectorAll等） - 事件处理...
javascript面试题、练习题
最新发布
07-17
- 箭头函数：提供更简洁的函数写法，自动绑定 `this`。 - 模板字符串：使用反引号 ``` 而不是双引号或单引号来创建字符串，可以方便地插入变量和表达式。 - 解构赋值：允许从数组或对象中提取数据，使代码更简洁...
Exercises:练习题
03-05
在JavaScript编程领域，练习题是提升技能和理解力的关键途径。通过解决各种挑战，开发者能够深化对语言特性的掌握，从而在实际项目中更加游刃有余。"Exercises"这个压缩包文件很可能是包含了一系列JavaScript练习题...
practice:回购各种练习题
03-30
本资源"practice:回购各种练习题"显然是为了帮助学习者提升JavaScript编程技能而设计的。 这个压缩包"practice-master"很可能包含了一系列的JavaScript练习题，这些题目涵盖了语言的基础到高级概念，旨在通过实际...
JavaScript箭头函数_动力节点Java学院整理
12-08
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 为什么叫Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 在继续学习箭头函数之前，请测试你的浏览器是否支持ES6的Arrow Function 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return： x => { if (x > 0)
今天的码农女孩做了关于箭头函数的练习
m0_64444606的博客
03-05 291
1.用箭头函数实现数字数组倒序排序 var a=[1,6,3,8,2,7,9] var b=a.sort((v,i,arr)=>i-v) console.log(b) 2.用箭头函数实现柯里化函数,做加法运算 例如：fun(1)(2) 输出3 fun(1)(2)(3) 输出6 function fun(me){ var slice=Arra...
【牛客网-前端笔试题】——Javascript专项练习5
xiaolu567的博客
09-06 817
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
深入理解ES6箭头函数的this以及各类this面试题总结
祥哥的说
03-13 932
ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚 箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'...
箭头函数经典面试题
小阿兜的博客
06-17 1510
代码1： <script type="text/javascript"> var obj = { age: 20, say: () => { alert(this.age) } } obj.say(); </script> 运行结果 代码2： <script type="text/javascript"> var age = 100; var obj = { age: 20, say: ()
箭头函数常见面试题
VirGilZhong的博客
09-04 671
1.对象不能产生作用域的情况分析 <script> var obj = { age: 20, say: () => { alert(this.age) } } //弹出函数是undefined //因为obj是一个对象，不能产生产生作用域，箭头函数被定义在全局作用域下，所以调用say方法this指向的是window，而在window下无age属性 故弹出undefined。 obj.say(); </script> 2.定义在window下的age
箭头函数复习
weixin_43342105的博客
04-15 148
箭头函数
ES6箭头函数及面试题
m0_55990909的博客
05-13 618
箭头函数 箭头函数是es6当中对函数的一种全新表示法。其将函数的简洁性发扬到了极致！先来看一个最简单的箭头函数： let fn = a => a var m = prompt() alert(fn(m)) 1. 箭头函数写法 一、如果只有一条语句，可以将{}和return省略掉 let fn = a => a+a //相当于 let fn = function(a){ return a+a; } 二、如果语句为多条，则不可以省略{}和return let fn = a =>
es6箭头函数的理解及面试题
张培跃的个人博客
05-09 3350
箭头函数的介绍 箭头函数是es6当中对函数的一种全新表示法。其将函数的简洁性发扬到了极致！先来看一个最简单的箭头函数： let fn=v=&gt;v;console.log(fn("好酷的箭头函数！"));//好酷的箭头函数！ 初次接触箭头函数的人可能会为其简洁性的语法而惊讶！和之前的写法进行一次比较： let fn=function(v){ return v;}console.log(fn...
JavaScript的函数练习题选择题
05-11
好的，下面是一些JavaScript函数的练习题选择题： 1. 下列哪个是JavaScript函数的正确定义方式？ A. function myFunction { } B. function myFunction() { } C. var myFunction = function() { } D. All of the above 答案：B 2. 下列哪个是函数的返回值？ A. function myFunction() { console.log("Hello World"); } B. function myFunction() { return "Hello World"; } C. function myFunction() { } D. function myFunction() { return; } 答案：B 3. 下列哪个是函数的参数默认值的正确设置方式？ A. function myFunction(a, b=0) { } B. function myFunction(a=0, b) { } C. function myFunction(a, b=0) { } D. function myFunction(a=0, b=0) { } 答案：C 4. 下列哪个是箭头函数的正确定义方式？ A. function myFunction() => { } B. var myFunction = () => { } C. var myFunction => { } D. function myFunction() { } 答案：B 5. 下列哪个函数能够将字符串转换为数字？ A. parseInt() B. parseFloat() C. Number() D. All of the above 答案：D 希望这些选择题能够帮助你更好地练习JavaScript函数的知识。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值