JavaScript高阶笔记总结(Xmind格式):第二天

Xmind鸟瞰图:

简单文字总结:

JavaScript高阶笔记总结:
目前学到的this指向:
    1.普通函数的this指向 window
    2.构造函数this指向实例化对象
    3.事件中的this指向事件源
    4.定时器中的this指向window
    5.立即执行函数中的this指向window
    6.对象中的this指向对象本身
    7.原型对象中的this指向实例化对象

改变this指向的方法:
    1.call():参数以逗号分隔,会立即调用函数执行
    2.apply():参数以数组形式传递,会立即调用函数执行
    3.bind():参数以逗号分隔,需要手动调用
    4.call()的使用场景:数据类型判断 Object.prototype.toString.call();
    5.apply()的使用场景:求最值 Math.max() 传入参数的最大值
    6.bind()的使用场景: bind()不会立即调用函数执行,一般用于改变定时器中的this指向

判断数据类型的方法:
    1.typeof
    2.instanceof
    3.Object.prototype.toString.call()
    4.constructor

继承:
    1.构造函数继承
    2.原型对象继承
    3.Object.create() 继承

数组的操作方法:
    1.forEach()遍历数组(无返回值)
    2.map() 遍历数组(有返回值)
    3.filter() 过滤数组(有返回值)
    4.some() 数组中是否有满足条件的元素 返回true 或 false
    5.every() 数组中每个元素是否都符合条件 返回true 或 false
    6.find() 找一个满足条件的值;一旦找到符合条件的值,立即返回,后面的不再遍历
    7.reduce() 数组的累加器

详细Xmind原文档,在文章顶部自取下载!

  • 15
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
很抱歉,作为一个语言模型,我无法生成具体的图形文件。但是我可以为您提供以下代码示例来创建一个JavaScript思维导图,并且您可以使用第三方工具将其转换为xmind格式。 HTML代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript思维导图</title> <style> #mind-map { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } </style> </head> <body> <div id="mind-map"></div> <script src="mindmap.js"></script> </body> </html> ``` JavaScript代码(mindmap.js): ``` var nodes = [ { id: 1, text: '根节点', children: [ { id: 2, text: '子节点1', children: [ { id: 3, text: '子节点1.1' }, { id: 4, text: '子节点1.2' } ] }, { id: 5, text: '子节点2', children: [ { id: 6, text: '子节点2.1' }, { id: 7, text: '子节点2.2' } ] } ] } ]; function renderNode(node) { var el = document.createElement('div'); el.classList.add('node'); el.textContent = node.text; return el; } function renderTree(container, nodes) { nodes.forEach(function(node) { var el = renderNode(node); container.appendChild(el); if (node.children) { var childContainer = document.createElement('div'); childContainer.classList.add('children'); el.appendChild(childContainer); renderTree(childContainer, node.children); } }); } var container = document.getElementById('mind-map'); renderTree(container, nodes); ``` 这个示例使用了HTML和CSS来呈现思维导图,使用JavaScript来构建节点,并使用递归函数来渲染整个树形结构。您可以根据自己的需求进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星河路漫漫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值