百念成诗

JavaScript学习笔记一文详解js执行上下文、作用域链、闭包、this之间的关系闭包是js中的一大难点，想要理解闭包，只知道它的特性是不够的，只有知道了它的执行原理才能融汇贯通运用它。这篇文章就通过js执行上下文、作用域链这几个js的重难点知识来理解闭包，以及js中的另一个难点this。本篇篇幅较长，但是讲解详细，如果有基础可以根据目录跳着看。1、执行上下文js中的执行上下文是一个比较抽象的概念，js中变量或函数的执行上下文决定了它们可以访问哪些数据及行为。变量对象：每个上下文都有一个关

JavaScript学习笔记逻辑操作符js中的逻辑操作符，也称布尔操作符或者逻辑表达式。当用逻辑操作符操作简单的布尔类型值得时候，我们很容易得出结果，但是如果操作数/表达式结果（以下简称为操作数）不是纯布尔类型的值，就没那么简单得出结论了。1、逻辑非（!）先从最简单的逻辑非讲起，它放置在一个单独的操作数之前，作用是将该操作数的布尔值进行取反。它的运算规则是：先将操作数转换为布尔值，然后再对布尔值求反。也就是说不论操作数是什么类型，都会先将其转换成布尔值，js中除了空字符串、null、undefi

JavaScript学习笔记js确定数据类型1、typeof适用与简单数据类型let s = "abcd"console.log(typeof s)//stringlet num = 1console.log(typeof num)//numberlet b = trueconsole.log(typeof b)//bolleanlet n = nullconsole.log(typeof n)//objectlet u;console.log(typeof u)//und

JavaScript学习笔记AJAX1、传统方法请求服务器传统的web交互是用户触发一个http请求服务，服务器收到之后做出响应，并且返回一个新的的页面，每当服务器处理客户端提交的请求时，客户端处于空闲等待。并且哪怕只是与服务端进行一个简单的交互或请求一个简单的数据，都要返回一个完整的HTML页面，这造成了大量的带宽浪费，以及应用响应非常慢。2、什么是AJAXAJAX即“Asynchronous JavaScript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用

JavaScript中数据在内存中的存储方式1、js数据类型分类简单数据类型：Number、String、Boolean、Undefined、Null复杂数据类型：Object、Array、Function简单数据类型也称基本数据类型，复杂数据类型也称引用数据类型。2、数据结构数据结构是计算机存储、组织数据的方式。这里只列出分类不做详细解释，常用的数据结构有：数组、栈、堆、列表、链表、树、图、散列表。本文中只用到这两种数据结构：栈(后进先出，使用堆的一种方法)、堆(特殊的树形结构)3、简

JavaScript学习笔记面向对象编程1、面向对象概念1-1、对象基本概念ECMAScript有两种开发模式：函数式：面向过程的开发模式，每个步骤都需要自己完成，注重的是实现过程。面向对象： 将对象作为程序的基本单元，将程序分解为数据和操作的集合。面向对象基本概念：类：类是对象的类型模板，将具有同一类属性和方法的对象抽象出来称为一个类。实例：实例时根据类创建的对象，是类的个体表现。但是ECMAScript中没有类的概念，因此它的对象也基于类的语言中的对象有所不同。1-2、对象

JavaScript学习笔记第十一章 事件1、事件基础HTML事件是发生在HTML元素上的事情，是可以被JavaScript侦测到的行为。1-1、事件函数当事件被触发时调用的函数。1-2、事件对象当事件发生时候，浏览器会将事件相关信息保存在内置全局对象window.event中（window可以省略），包括事件类型、操作对象、鼠标位置等。//由于事件对象是事件触发时由js底层将实参数据保存在window.event对象中，因此需要在功能函数中加上形参来接收事件对象。document.onc

JavaScript学习笔记第十章 BOM1、BOM-window对象BOM全称Browser Object Model-浏览器对象模型，提供了很多对象，用于访问浏览器的功能，没有规范，由各个浏览器厂商制定标准，兼容性差。BOM的核心是window：所有浏览器都支持window对象，它表示浏览器窗口。所有js的全局对象、函数及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。HTML DOM的document也是window对象的属

JavaScript学习笔记第九章 DOM操作1、DOMDocument Object Model，文档对象模型，是W3C组织推荐的处理可拓展性语言的标准编程接口。在网页上，组织页面（文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型称为DOM，如标签、文本、属性等。2、节点2-1、节点介绍在加载HTML页面时，web浏览器生成一个树型结构，用来表示页面内部结构，称为DOM树，DOM将这种树型结构解释为由节点组成。整个文档时一个文档节点DOM中的根节点，是文档内其他节点的访

JavaScript学习笔记第八章 JavaScript数组对象1、数组对象数组：使用单独的变量名来储存一系列的值，数组可以存储任意数据类型的数据，具有长度和下标。2、创建数组字面量方式创建var arr = ['ahb',123,function(){},{},null,undefined,[1,'sd']];构造函数创建var arr1 = new Array();//[]空数组var arr2 = new Array(1,2,3,4);//[1,2,3,4]//注意：如果

JavaScript学习笔记四第四章 this详解及函数初识1、this在方法中，this表示该方法所属的对象本身。（对象中的函数称为方法）var obj = { name:'张三', fn:function(){ console.log(this); }}obj.fn();//结果是：{name:'张三',fn:function()}，说明这里的this是obj对象本身。如果单独使用，this表示全局对象。console.log(this);//结

大前端第二阶段（JavaScript）面试题（1-4章） 大前端第二阶段（JavaScript）面试题（1-4章）第一章 JavaScript初识1、什么是JavaScript？2、JavaScript与ECMAScript的关系？3、变量的命名规则？4、window.onload的作用？第二章 JavaScript数据类型1、js数据类型？2、null和undefined的区别？3、运算符的种类？4、var a = 10；var b = a++；a、b最后的结果是？5、‘==’ 与 ‘ ===’的区别？

JavaScript学习笔记三第三章 流程控制语句JavaScript中的流程控制语句和其他程序设计语言基本时一样的，主要分为：顺序结构：即按顺序执行代码；条件选择结构（分支语句）：包括if-else以及switch循环结构：包括for循环、while、do-while，for-in；其他语句：break、continue1、分支语句if语法：if（条件）{条件成立执行的代码}if-else语法：if（条件）{条件成立执行的代码}else{条件不成立执行的代码}if-

JavaScript学习笔记二第二章 JavaScript数据类型1、数据类型1-1、为什么需要数据类型？不同的数据类型占用的内存大小不一样，为了合理有效地分配内存空间，划分了数据类型。1-2、数据类型分类简单数据类型：Number、String、Boolean、Undefined、Null复杂数据类型：Object、Array、Function1-3、Number类型Number即数值类型，主要用于参与数学运算，包含：整数、小数、进制、无穷大、无穷小、NaN注意：NaN

JavaScript学习笔记一第一章 JavaScript初识1、JavaScript介绍1-1、什么是JavaScript？JavaScript是一种具有面向对象能力的、解释型的弱类型程序设计语言，是基于对象和事件驱动的并且具有相对安全性的、可跨平台的客户端脚本语言。（不需要在一个语言环境下运行，而只需要支持它的浏览器即可，浏览器可以直接解析js代码。）1-2、JavaScript的组成？核心(ECMAScript)文档流对象(DOM)浏览器对象模型(BOM)1-3、JavaScri