JavaScript笔记总结(Xmind格式):第五天

Xmind鸟瞰图:

简单文字总结:

对象:
    1.对象是一组无序的相关属性和方法的集合,所有的事物都是对象
    2.对象由属性和方法组成
    3.字面量形式创建对象的语法格式:
        var 对象名 = {
            属性名:属性值,
            方法名:function(){
                代码块;
        }
    }
    4.访问对象
        ①访问属性:对象名.属性名;
        ②访问方法:对象名.方法名();
    5.通过[]形式访问对象 []中是字符串
        ①访问属性:对象名["属性名"];
        ②访问方法:对象名["方法名"]();

创建对象的三种方式:
    1.字面量形式创建对象
    2.new Object()创建空对象
    3.构造函数创建对象

this指向:
    1.构造函数 this指向实例化对象
    2.普通函数 this指向window
    3.对象方法中的this指向对象本身

构造函数与普通函数的区别:
    1.构造函数首字母大写,普通函数首字母小写
    2.构造函数中的this指向实例化对象,普通函数中的this指向window
    3.构造函数没有return返回值,普通函数有return返回值
    4.构造函数通过new关键字调用,普通函数直接调用。

new 关键字的作用:
    1.创建一个新对象
    2.this指向该对象
    3.执行代码,通过this给新对象添加属性或方法
    4.(隐式)返回对象

遍历对象:
    1.使用for...in遍历:语句用于循环对象属性。
    2.语法格式:
        for(var key in 对象名){
            console.log(key)   这里的key是属性名
            console.log(obj[key])   这里的obj[k]是属性值
        }
    3.语法中的变量是自定义的,它需要符合命名规范,通常我们会将这个变量写为 k 或者 key。

对象分为:
    1.内部对象
        ①本地对象(本地对象都要使用new关键字)
        ②内置对象(不需要new关键字可以直接使用)
    2.宿主对象:window,document
    3.自定义对象

详细总结及原Xmind文档在文章顶部免费自取!

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值