技术经验分享:JavaScript基础学习2

简介: 技术经验分享:JavaScript基础学习2

"

1 /*

2 1.把函数作为参数、匿名函数作为参数传递到函数

3 */

4 function dogEat(food) {

5 console.log(""dog eat "" + food);


//代码效果参考: https://v.youku.com/v_show/id_XNjQwMDM2ODYzMg==.html

6 }

7

8 function catEat(food) {

9 console.log(""cat eat"" + food);

10 }

11

12 function eat(food, eatFunction) {

13 eatFunction(food);

14 }

15

16 eat(""bone"", dogEat);

17 eat(""fish"", catEat);

18 eat(""rice"", function(x) { console.log(""eat "" + x); })

19 /*

20 2.模拟实现类似onClick函数

21 */

22

23 var server = {

24 'successReq': ""req-success"",

25 'successRes': ""res-success"",

26 'failReq': ""req-faied"",

27 'failRes': ""res-faied"",

28 'onFunc': function(type, callback) {

29 switch (type) {

30 case 'success':

31 callback(this.successReq, this.successRes);

32 break;

33 case 'fail':

34 callback(this.failReq, this.failRes);

35 break;

36 default:

37 console.log(""No type match!"");

38 break;

39 }

40 }

41 };

42

43 var obj1 = Object.create(server);

44

45

46 function //代码效果参考:https://v.youku.com/v_show/id_XNjQwNjU1MDM2MA==.html

display(req, res) {

47 console.log(""dis-req: "" + req + "" dis-res: "" + res);

48 }

49

50 obj1.onFunc(""success"", display); //$(""#button"").on('click',xxxFunc);模拟on函数

51

52 obj1.onFunc(""fail"", function(res, req) {

53 console.log(""failed: "" + res + req);

54 })

1 / 3.对象的某个属性是函数 /

2

3 obj对象的func属性指向匿名函数

4 var obj = {

5 func:function (){

6 console.log(""func"");

7 }

8 };

9

10 obj.func // 【Function】

11 obj.func() //调用函数,控制台打印 func

12

13 obj对象的func属性指向函数f

14 var obj = {

15 func:function f(){

16 console.log(""func"");

17 }

18 };

19

20 obj.func // 【Function: f】

21 obj.func() //调用函数,控制台打印 func

22

23 属性指向有名称的函数似乎没什么用……


"
image.png
相关文章
|
21天前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
37 5
|
17天前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
39 1
|
19天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
28 5
|
20天前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
20 2
|
20天前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
46 1
|
1月前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
31 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
1月前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
36 1
|
2月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
52 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
2月前
|
前端开发 JavaScript 安全
JavaScript前端开发技术
JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。
26 3
|
2月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
20 2