JavaScript
文章平均质量分 93
总结JavaScript的知识,用作学习和复习。
儒rs
小小的天有大大的梦想,我有属于我的天。
展开
-
JS构造函数和原型
在ES6之前,对象不是基于类创建的,而是用一种称为的特殊函数来定义对象和它们的特征。我们希望所有的实例对象使用同一个函数,这样比较节省内存,那么应该怎么做呢?这就需要用到接下来介绍的原型。原创 2022-08-23 09:38:44 · 302 阅读 · 1 评论 -
Event Loop、宏任务和微任务(动态演示)
Event Loop、宏任务和微任务一 JS是单线程执行的1.1 什么是单线程本文主要讲解的是JS中的事件循环机制,在学习之前,先了解下为什么JavaScript需要事件循环执行机制。其实事件循环机制的产生就是由于JS是单线程执行的,那什么是单线程呢?单线程通俗的来说就是同一时间只能做一件事情,不能同时做几件事情。学过Java的人应该知道,Java是支持多线程的,多线程就是可以同时做几件事情,也就是所谓的并发。而JS单线程执行就是,在JavaScript中,每次只能在执行栈中拿一个任务去执行原创 2022-04-02 10:28:18 · 1055 阅读 · 3 评论 -
Ajax入门到精通
本文介绍了Ajax的概念,四种发送Ajax请求的方式,三种解决Ajax请求跨域的方案。原创 2022-03-08 23:54:28 · 1997 阅读 · 1 评论 -
彻底搞懂JS中的闭包
JS中的闭包1 什么是闭包闭包指的是那些引用了另一个函数作用域中变量的函数,通常就是在嵌套函数中实现的。<body> <script> //闭包(closure)指有权访问另一个函数作用域中变量的函数。 //闭包:我们fun 这个函数作用域 访问了另外一个函数fn 里面的局部变量 num function fn() { var num = 10; function fun(原创 2022-02-07 18:15:07 · 1670 阅读 · 0 评论 -
彻底搞懂js中的this指向
js的this指向js中的this指向问题经常容易让人混淆,特别是在ES6引入箭头函数后,对于标准函数中的this指向和箭头函数中的this指向就更让人费解。本文总结了js中标准函数和箭头函数的this指向问题,帮助大家理清js中的this指向。并且介绍几个改变this指向的方法,改变this指向不管是在js的继承还是js的函数中都是很重要的。一 抓住核心我在网上看过一些关于this指向的博客,很多都是通过例子就直接开始讲解,虽然这样也可以帮助读者快速了解,但是在这里,我希望由一般到特殊,先指原创 2022-02-04 12:39:40 · 1219 阅读 · 0 评论 -
JS中的原型和原型链(图解)
JS中的原型和原型链讲原型的时候,我们应该先要记住以下几个要点,这几个要点是理解原型的关键:1、所有的引用类型(数组、函数、对象)可以自由扩展属性(除null以外)。2、所有的引用类型都有一个_ _ proto_ _属性(也叫隐式原型,它是一个普通的对象)。3、所有的函数都有一个prototype属性(这也叫显式原型,它也是一个普通的对象)。4、所有引用类型,它的_ _ proto_ _属性指向它的构造函数的’prototype’属性。5、当试图得到一个对象的属性时,如果这个对象本身不存在这个属转载 2022-02-04 08:52:24 · 1623 阅读 · 0 评论 -
JS原型理解——JS继承的实现方式
JS中的原型链和继承一 继承的概念继承是所有的面向对象的语言最重要的特征之一。大部分的oop语言的都支持两种继承:接口继承和实现继承。比如基于类的编程语言Java,对这两种继承都支持。从接口继承抽象方法 (只有方法签名),从类中继承实例方法。但是对JavaScript来说,没有类和接口的概念(ES6之前),所以只支持实现继承,而且继承在 原型链 的基础上实现的。等了解过原型链的概念之后,你会发现继承其实是发生在对象与对象之间。这是与其他编程语言很大的不同。二 原型链2.1 原型链的概念ECMAS原创 2022-02-02 11:43:28 · 197 阅读 · 0 评论 -
JS原型理解——JS中的原型对象
JavaScript中的原型对象原型原型是JavaScript中继承的基础,JavaScript的继承就是基于原型的继承。一 理解原型1.1 函数的原型对象无论何时,只要创建一个函数,就会按照特定的规则为这个函数创建一个prototype属性(指向原型对象)。默认情况下,所有原型对象自动获得一个名为constructor的属性,指回与之相关的构造函数。// 声明一个函数function Person() {}// 声明之后,函数就有了一个与之关联的原型对象console.log(ty原创 2022-02-01 12:30:13 · 1662 阅读 · 0 评论 -
JS内置引用类型/内置对象
JS内置引用类型/内置对象概述对象在 JavaScript 中被称为引用类型的值/实例,在 ECMAScript 中,引用类型是一种数据结构, 用于将数据和功能组织在一起。它也常被称为类,但这种称呼并不妥当。尽管 ECMAScript 从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构。有一些内置的引用类型可以用来创建特定的对象,称之为内置对象,这些内置对象供开发者使用,并提供了一些常用的或是最基本而必要的功能 。对于内置对象的学习,建议是:先了解,用到时查阅文档。原创 2022-01-30 14:39:49 · 1382 阅读 · 0 评论 -
JS的变量和作用域
JS的变量和作用域概述 JavaScript的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据。 这样的变量很有意思,很强大,当然也有不少问题,本文会分析js的变量。首先,会从变量数据的分类:原始值与引用值,阐述这两种类型的区别。其次,会从变量的作用范围——作用域进行分析,在这里,需要了解一个比较重要的概念:作用域链。最后,会阐述在ES6引入let和const后的三种变量声明。1 原始值与引用值ECMAScript可以包含两种不同类型的数据:原始值和引用值。注意:原始值和引原创 2022-01-25 14:54:13 · 954 阅读 · 0 评论 -
JavaScript基础汇总(ES6)
JavaScript语言基础(ES6)概述ECMA-262第5版(ES5)定义的ECMAScript,是目前为止实现得最广泛的一个版本。第6版在浏览器中的实现程度次之。不过到2017年底,大多数浏览器几乎都实现了这一版的规范。本篇介绍的内容基于ES6,ES6在语言基础方面和以前的差别不是很大,本文中涉及ES6新增部分,会通过说明标出。0 引入JS① 行内式JS<input type="button" value="点我试试" onclink="javascript:alert('Hello原创 2022-01-22 16:03:57 · 1252 阅读 · 0 评论