随笔分类 - js
摘要：undefined: undefined是全局对象的一个属性, 什么时候会出现undefined 当一个变量没有被赋值 var a console.log(a); 一个函数没有返回值 function a(){ } console.log(a()); 某个对象不存在某个属性却去访问 a={ sex:
阅读全文
摘要：属性 constructor 一个引用值，返回 Object 的构造函数（用于创建实例对象） const o = {} o.constructor Object // true const o = new Object o.constructor Object // true const a = [
阅读全文
摘要：介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大 promise解决异步操作的优点： 链式操作减低了编码难度 代码可读性明显增强 状态 promise对象仅有三种状态 pending（进行中） fulfilled（已成功） rejected（已
阅读全文
摘要：参数 ES6允许为函数的参数设置默认值 function log(x, y = 'World') { console.log(x, y); } console.log('Hello') // Hello World console.log('Hello', 'China') // Hello Chi
阅读全文
摘要：属性的简写 当对象键名与对应值名相等的时候，可以进行简写 let a={boo:boo} 等同于 let a={boo} 方法也能够进行简写 let a={ method:function() { console.log(1); }, } 等同于 a.method() let a={ method(
阅读全文
摘要：扩展运算符 通过扩展运算符实现的是浅拷贝，修改了引用指向的值，会同步反映到新数组 var arr=[1,2] var arr1=[3,4] console.log([...arr,...arr1]);// [1, 2, 3, 4] 解构 const [a,...b]=[1,2,3,4] consol
阅读全文
摘要：Set Map 后面跟的都必须是可迭代的对象 Set Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 add( ) has( ) size delete( ) let myset = new Set() //添加 console.log(myset.add(1));//{1}
阅读全文
摘要：var 使用var声明的变量存在变量提升的情况 console.log(a) // undefined var a = 2 在编译阶段，编译器会将其变成以下执行 var a console.log(a) a = 20 使用var，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明 v
阅读全文
摘要：定义 节流(throttle): n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效 在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发 防抖(debounce): n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时 前面的所有的触发都被取
阅读全文
摘要：this this 关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象 this在函数执行过程中，this一旦被确定了，就不可以再更改 绑定规则: 根据不同的使用场合，this有不同的值，主要分为下面几种情况： 默认绑定 隐式绑定 new绑定 显示绑定 默认绑定 var
阅读全文
摘要：JS获取页面坐标数据 1.client系列 event.clientX 和 event.clientY：点击位置距离当前body可视区域的x，y坐标 2.screen系列 event.screenX 和 event.screenY： 点击位置距离当前电脑屏幕的x，y坐标 3.offset系列 eve
阅读全文
摘要：<ul> <li> <p>11111</p> </li> <li> <p>2222</p> </li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> var list = document.querySelector('ul') 获取子节点(ch
阅读全文
摘要：事件 javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性， 常见的有加载事件、鼠标事件、自定义事件等 事件流 由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流的概念 事件流都会经历三
阅读全文
摘要：BOM是什么吗? BOM (Browser Object Model)，浏览器对象模型，提供了独立于内容与浏览器窗口进行交互的对象 BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。 window 在浏览器中，window对象有双重角色，即是浏
阅读全文
摘要：div、p是元素节点，content是文本节点，title是属性节点 创建节点 createElement 创建新元素，接受一个参数，即要创建元素的标签名 let div = document.createElement('div') createTextNode 创建一个文本节点 let text
阅读全文
摘要：原型 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _'属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属
阅读全文
摘要：什么是构造函数? 在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写 为什么要用构造函数? 比如:要录入这样的一个数据 var p1 = { name: '张三', age: 18, sex: '男' } var p2 = { name: '李四',
阅读全文
摘要：函数声明： 这个是最普通的声明函数方法 function total(num1, num2) { return num1 + num2 } console.log(total(2, 3));//5 函数表达式（ 函数字面量） 这个是将函数直接赋值给变量 let a= function total(n
阅读全文
摘要：闭包 能够读取其他函数内部变量的函数 本质:将函数内部和外部连接起来的桥梁 function fn1() { var b = 2 //b是fn1的局部变量 function fn2() {//fn2()是内部函数,一个闭包 console.log(b);//2 } fn2() } fn1() //f
阅读全文
摘要：拷贝 内存分为栈和堆 基本数据类型存放在栈内存 引用数据类型存放在堆内存,引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中 浅拷贝 浅拷贝:指的是创建新的数据,这个数据有着原始数据属性值的一份精确拷贝 属性是基本类型，拷贝的就是基本类型的值。 var a = 213 var b = a
阅读全文
