随笔分类 -  javascript

迭代器和生成器
摘要：一、迭代器 1.总结 迭代器：迭代器是一个对象，它定义一个序列，并可能返回一个结果。也就是说，一个对象接收三个参数 开始、结束和步长，通过next()方法调用，返回一个结果，如果继续调用next()，返回value;如果迭代到最后一个值，则done为true。 运行结果： 二、生成器 生成器使用fu 阅读全文
posted @ 2022-02-20 20:49 陌菡 阅读(63) 评论(0) 推荐(0)
js事件
摘要：一、事件流 事件流就是事件在页面中的传播顺序。 1、事件冒泡 事件冒泡就是由最里面的元素向外传播 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <div id="myDiv">点我</div 阅读全文
posted @ 2022-02-20 17:27 陌菡 阅读(85) 评论(0) 推荐(0)
浅拷贝与深拷贝
摘要：浅拷贝和深拷贝的区别：是否真正获取一个对象的值。 值和引用： 简单值，基本数据类型：数字、字符串、null、undefine、symbol。简单值通过复制的方式来复制和传递。 引用值，引用类型：对象、数组、函数。引用值指向值本身而非变量。 使用值引用还是值复制由值的类型决定。 1.浅拷贝 Objec 阅读全文
posted @ 2021-11-14 16:16 陌菡 阅读(89) 评论(0) 推荐(0)
类和继承
摘要：一、类的声明和实例化 1.类的声明 //声明var cat=function(){ this.name='aha'; }; console.log(cat); //Es6中的声明class cat1{ constructor() { this.name='cat2'; } } console.log 阅读全文
posted @ 2021-10-02 09:35 陌菡 阅读(61) 评论(0) 推荐(0)
原型链
摘要：一、原型 1.所有引用类型都可以自由扩展属性 2.所有引用类型都有一个_proto_属性 3.所有函数都有一个prototype属性，是个对象 4. 所有的引用类型（数组、对象、函数）， _proto_ 属性值(隐式原型属性）指向它的构造函数的“prototype”属性值 5、当试图得到一个对象的属 阅读全文
posted @ 2021-10-01 17:24 陌菡 阅读(87) 评论(0) 推荐(0)
闭包
摘要：1.垃圾回收机制 思想：确定哪个变量不会再使用，然后释放它。它是周期性的，即每隔一段时间它会自动运行。函数没有被引用执行完以后这个函数的作用域就会被销毁，如果一个函数被其他变量引用，这个函数的作用域将不会被销毁。 垃圾回收机制跟踪记录哪个内存还会再使用以及哪个内存不会使用，以便回收内存。 标记策略和 阅读全文
posted @ 2021-09-30 22:03 陌菡 阅读(61) 评论(0) 推荐(0)
this对象
摘要：1.this是什么 this是一个对象，在全局上下文中调用函数时，this指向windows。箭头函数中，箭头函数没有this指针，this指向windows。 this都有哪种使用场景呢？ 主要由以下4点 作为构造函数执行 作为对象属性执行 作为普通函数执行 call apply bind 2.如 阅读全文
posted @ 2021-09-30 17:10 陌菡 阅读(313) 评论(0) 推荐(0)
作用域 ，
摘要：1.作用域：代码所执行的环境； 2.私有作用域：函数的执行环境 3.全局作用域：全部执行环境 4.作用域链：作用域形成的链条 5.当代码在一个环境中执行时，它的变量对象形成作用域链； 6.作用域的前端，始终都是当前执行环境的变量对象； 7.作用域链中下一个对象来自于外部环境，下一个对象来自于下一个外 阅读全文
posted @ 2021-09-29 20:33 陌菡 阅读(45) 评论(0) 推荐(0)
async
摘要：1.async 用法：在函数前面加上async 关键字，来表示它是异步。它可以用在函数声明，函数表达式，箭头函数和方法上。 async function fn1(){} let y=async function fn2(){} let f=async ()=>{} calss que{ async 阅读全文
posted @ 2021-09-29 15:12 陌菡 阅读(556) 评论(0) 推荐(0)
Ajax（1）
摘要：Ajax是一种创建动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。 XMLHttpRequest对象 XMLHttp:可以更新网页部分内容时不需要刷新整个页面 对象的属性： 使用步骤： 1.创建XMLHTTPRequest对象 2.使用open方法设置和服务器的交 阅读全文
posted @ 2021-09-28 17:04 陌菡 阅读(40) 评论(0) 推荐(0)
事件循环2（微任务 和宏任务）
摘要：JS是单线程，一次只能执行一个任务，当有一个耗时很长时，有一个在后面等待，会造成堵塞，异步的目的就是处理堵塞，提升性能。 一、promise对象 promise调用内部函数。 promise有三种对象： 1.pending：待定，未初始化 2.resolved:异步成功 3.rejected:异步操 阅读全文
posted @ 2021-09-28 15:43 陌菡 阅读(52) 评论(0) 推荐(0)
绑定事件、事件队列、事件循环
摘要：一、绑定事件 1.HTMl元素内绑定 2.js绑定事件 3.事件监听绑定 1 <button onclick="alert('点我干哈');">点我一哈</button> <!--1.点击事件后添加事件--> 2 <button id="btn1">我是js事件</button> 3 <button 阅读全文
posted @ 2021-09-27 20:46 陌菡 阅读(82) 评论(0) 推荐(0)
变量、数据类型
摘要：一、变量 （变量可以用它保存任何类型的数据。） 1.var关键字 （定义变量：关键词+变量名） var msg; //定义一个名为msg的变量 var msg='hi'; // msg被定义为保存'hi'的变量 // var 声明提升 function foo(){ console.log(num) 阅读全文
posted @ 2021-09-26 08:56 陌菡 阅读(103) 评论(0) 推荐(0)