JavaScript
文章平均质量分 95
JavaScript 是一种广泛应用于网页开发的高级脚本编程语言。它是一种解释性语言,可以在浏览器中运行,用于为网页添加动态交互和功能。
阿珊和她的猫
前端开发工程师、CSDN博客专家、23年度博客之星前端领域TOP1、蓝桥云课签约作者、阿里云专家博主、已过四六级、牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》《2024前端面试高频手撕题》,已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
展开
-
【面试大整理】JS对象居然有这么多细碎的小知识点
•所谓的原型实际上指的是,在构造函数中存在着一个名为原型的(prototype)对象,这个对象中保存着一些属性,凡是通过该构造函数创建的对象都可以访问存在于原型中的属性。• 当从一个对象中获取属性时,会首先从当前对象中查找,如果没有则顺着向上查找原型对象,直到找到Object对象的原型位置,找到则返回,找不到则返回undefined。• 最典型的原型中的属性就是toString()函数,实际上我们的对象中并没有定义这个函数,但是却可以调用,那是因为这个函数存在于Object对应的原型中。原创 2020-07-10 00:17:43 · 357 阅读 · 0 评论 -
探索JavaScript对象的奇妙世界:掌握JavaScript对象的多种创建方式!
对象是一种复合数据类型,它可以将多个值(属性)组合在一起,并通过属性来描述和表示现实世界的事物、概念或抽象概念。在JavaScript中,对象是一种非常重要的数据结构,用于存储和组织相关数据和功能。数据封装:对象可以将相关的数据和功能封装在一起,形成一个独立、自我描述的实体。这样有助于提高代码的可读性和维护性,同时也提供了更好的代码复用性。属性和方法:对象的属性可以存储各种类型的值,如字符串、数字、数组、函数等。而方法则是与对象相关联的函数,用于执行特定的操作或实现特定的功能。对象间的交互和通信。原创 2023-07-20 09:53:35 · 75 阅读 · 1 评论 -
对象的魔法世界:一文说清对象转换技巧和常用方法!
在 JavaScript 中,可以使用 JSON.stringify() 方法将对象转换为 JSON 字符串。这个方法接受一个对象作为参数,并返回对应的 JSON 字符串表示。原创 2023-07-20 09:52:02 · 58 阅读 · 1 评论 -
JavaScript对象的秘密武器:属性检测技巧大揭秘!
属性访问器是 JavaScript 中一种用于控制对象属性读取和赋值行为的方式。它通过定义 getter 和 setter 方法来实现。原创 2023-07-20 09:55:29 · 76 阅读 · 2 评论 -
原型链:揭开JavaScript背后的神秘面纱
当访问一个对象的属性或方法时,如果对象本身没有该属性或方法,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或方法,或者到达链的末尾(即原型为 null)。当我们访问一个对象的属性或方法时,JavaScript 引擎首先在该对象本身中查找,如果找不到则会沿着原型链向上查找,直到找到对应的属性或方法,或者到达原型链的末尾。总结起来,JavaScript 的原型链机制提供了一种灵活且高效的继承方式,通过原型链,对象可以共享和继承其他对象的属性和方法,实现代码的复用和扩展。,这是原型链的顶端。原创 2023-07-16 06:15:00 · 139 阅读 · 0 评论 -
错综复杂的this:理清你的JavaScript代码中的指向问题
this的指向可以根据不同的情况而变化,它可能指向全局对象(在浏览器环境中是window对象),也可能指向函数所属的对象(即函数的调用者),或者指向通过new关键字创建的实例对象。原创 2023-07-08 05:30:00 · 58 阅读 · 1 评论 -
抓住异常,解救你的代码世界:你应该了解的 JavaScript 异常类型
在编写代码时,请确保所有引用的变量、函数和属性都已经声明或存在,避免在作用域外部引用变量,并注意检查对象的属性是否存在。处理类型错误的最佳做法是确保变量和对象具有正确的类型,并使用条件语句或强制类型转换来避免类型不匹配的操作。需要注意的是,EvalError 在现代的 JavaScript 中已经被废弃,因此不建议在代码中使用它。通过捕获和处理异常,我们可以在运行时发生错误时采取相应的措施,例如给出适当的错误提示、回退到备用方案或记录错误日志。除了以上常见的异常类型,还有一些其他的异常类型,如。原创 2023-07-06 05:30:00 · 184 阅读 · 0 评论 -
揭秘Vue 2中的$nextTick:等待DOM更新的神奇时刻!
在此过程中,Vue 会清空上一次循环中收集的所有需要更新的组件,并执行相应的更新操作。的下一次 DOM 更新循环的行为,它让我们能够在更新后执行一系列回调函数,并确保这些回调函数按照注册的顺序异步执行。的触发回调函数的行为,它让我们能够在下一次 DOM 更新之后执行回调函数,并且在触发回调函数时使用最新的数据。这表明回调函数在 DOM 更新之后被调用,我们能够在其中访问更新后的 DOM 元素并执行相应操作。的回调函数是在下一次 DOM 更新循环中执行的,它们按照定义的顺序异步执行。在这个示例中,我们将。原创 2023-07-04 18:30:00 · 778 阅读 · 0 评论 -
前端必备:10个有趣的 JavaScript 开发技巧,让编码更轻松
它返回一个新的函数,该函数在首次调用后,会设置一个定时器,在指定的延迟后执行传入的函数。当再次调用函数,并传入相同的 key 时,函数会直接从缓存中获取数据,避免了重复的数据获取操作,提高了函数执行效率。除了更简洁的写法,箭头函数还有其他特性,比如更方便的处理回调函数和简化的语法结构。在严格模式下,一些常见的编码问题会被捕获并抛出错误,这有助于发现和消除潜在的 bug,并提高代码的可靠性。在编写代码时,应该尽量减少全局变量的使用,并采用适当的方法来限制变量的作用范围,以提高代码的可维护性和可复用性。原创 2023-07-03 17:34:23 · 488 阅读 · 0 评论 -
如何获取节点,他们有什么不同,js的DOM节点增删改查
基本了解 1)Document.getElementById()//id名 2)Document.getElementsByClassName()//标签名 3)Document.getElementsByTagName()//类名css选择符模式,返回与该模式匹配的第一个元素,结果为一个元素;如果没找到匹配的元素,则返回null 4)Document.querySelec...原创 2020-03-15 20:33:51 · 297 阅读 · 0 评论 -
什么是构造函数?什么是实例?为什么说属性在构造函数中声明,方法在原型中声明?
什么是构造函数,什么是实例构造函数是对一个实例的一个描述构造函数 ,是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。特别的一个类可以有多个构造函数,可根据其参数个数的不同或参数类型的不同来区分它们 即构造函数的重载。 function Person (name){ this.name = name; }...原创 2020-02-24 14:50:21 · 1640 阅读 · 1 评论 -
【js高级 Day5】深入理解浅拷贝,深拷贝,遍历DOM树,正则表达式
01 课程介绍02 复习apply和call方法的使用和区别都可以改变this指向的使用方式:函数名.apply(对象,[参数1,参数2,参数3,…]);函数名.call(对象,参数1,参数2,参数3,…);我想要使用其他对象的某个方法,其他对象.方法名.apply(当前对象,参数,…);这个方法就会被当前的对象所使用,同时这个方法中的this就是当前的对象,在调...原创 2020-02-17 23:40:12 · 377 阅读 · 0 评论 -
【js高级 Day4】深入理解apply和call方法,作用域,闭包,递归
01 课程介绍02 复习原型:每个实例对象中都有一个属性__proto__,是原型,浏览器使用的,不标准的属性每个构造函数中都有一个属性prototype,是原型,程序员使用的,面向对象和面向过程都是编程思想面向对象注重的是结果面向过程注重的是过程面向对象的特性:封装,继承,多态继承:1.通过原型实现继承,改变原型的指向,属性在初始化的时候就已经固定了,如果是多个对象...原创 2020-02-17 21:55:56 · 512 阅读 · 0 评论 -
【js高级 Day3】深入理解原型的方式继承,借用构造函数继承,组合继承,拷贝继承
01 课程介绍02 复习面向过程和面向对象都是编程的思想,方式不一样面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程面向对象:执行者成为指挥者,只要找对象,然后让对象做相关的事情,注重的是结果面向对象的特性:封装,继承,多态封装;就是代码的封装,把一些特征和行为封装在对象中.面向对象的编程思想:根据需求,抽象出相关的对象,总结对象的特征和行为,把...原创 2020-02-17 14:27:05 · 360 阅读 · 1 评论 -
【js高级 Day2】深入理解原型添加方法,私有函数,面向对象的编程思想(案例小贪吃蛇)
01 课程介绍02 复习面向过程和面向对象都是编程的思想,方式不一样面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程面向对象:执行者成为指挥者,只要找对象,然后让对象做相关的事情,注重的是结果面向对象的特性:封装,继承,多态封装;就是代码的封装,把一些特征和行为封装在对象中.面向对象的编程思想:根据需求,抽象出相关的对象,总结对象的特征和行为,把特征...原创 2020-02-17 00:07:48 · 331 阅读 · 0 评论 -
【js高级 Day1】深入理解原型及作用,构造函数和实例对象和原型对象之间的关系
01 课程介绍02 复习JavaScript简称:JSJS分三个部分:1 ECMAScript标准—基础的语法2 DOM Document Object Model 文档对象模型3 BOM Browser Object Model 浏览器对象模型什么是JS?是一门脚本语言是一门解释性语言是一门弱类型语言是一门基于对象的语言是一门动态类型的语言动态页面:页面由html...原创 2020-02-16 23:23:21 · 470 阅读 · 0 评论 -
【 js基础 Day6】内置对象和基本包装类型等知识
01 复习复习编程思想:面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果面向对象的特性:封装,继承,多态,(抽象性)JS是一门什么样的语言?是一门解释性的语言是一门脚本语言是一门弱类型的语言是一门基于对象的语言是一门动态类型的语言对象:有属性和方法,具体特指的某个事物对象:js中就是一...原创 2020-02-14 00:21:15 · 384 阅读 · 0 评论 -
【 js基础 Day4】面向过程,面向对象,自定义对象,内置对象
01 复习函数:把一些重复的代码封装在一个地方,在需要的时候直接调用这个地方的代码就可以了函数作用:代码重用函数的参数:1.形参:函数定义的时候,函数名字后面的小括号里的变量2.实参:函数调用的时候,函数名字后面的小括号里的变量或者值返回值:函数中有return,函数有返回值函数中没有return,函数没有返回值没有明确返回值:函数中没有return或者return后面没有任何...原创 2020-02-13 23:43:20 · 445 阅读 · 0 评论 -
【 js基础 Day5】函数(重点),作用域,预解析,arguments,对象
js基础:1.js的介绍及基本语法变量,运算符2.js的流程控制:分支语句,循环.顺序结构3.数组4.函数5.内置对象6.内置对象及一些方法01 复习break:在循环中遇到这个关键字,直接跳出当前所在的循环continue:在循环中遇到这个关键字,直接进行下一次循环数组:存储一组有序的数据,数据类型可以不一样数组的作用:一次性存储多个数据数组元素:数组中存储的每个数据,...原创 2020-02-13 22:48:49 · 375 阅读 · 0 评论 -
【 js基础 Day3】关键字的使用,数组(重点)和函数(重点)
js基础:1.js的介绍及基本语法变量,运算符2.js的流程控制:分支语句,循环.顺序结构3.数组4.函数5.内置对象6.内置对象及一些方法01 复习一元运算符: ++ –如果不参与运算, ++在前面还是在后面结果都是一样的 +1如果不参与运算, --在前面还是在后面结果都是一样的 -1var num=10;num++; 后+++num; 前+无论是前...原创 2020-02-13 21:17:47 · 630 阅读 · 0 评论 -
【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构
js基础:1.js的介绍及基本语法变量,运算符2.js的流程控制:分支语句,循环.顺序结构3.数组4.函数5.内置对象6.内置对象及一些方法/*** 复习:* JavaScript简称为JS* JavaScript是什么?* 是一门脚本语言:不需要编译,直接运行* 是一门解释性的语言:遇到一样代码就解释一行代码* C#语言是一门面向对象的语言,也是编译语言,是.net...原创 2020-02-13 14:50:05 · 653 阅读 · 0 评论 -
【 js基础 Day1】js的介绍及基本语法变量,运算符
js基础:1.js的介绍及基本语法变量,运算符2.js的流程控制:分支语句,循环.顺序结构3.数组4.函数5.内置对象6.内置对象及一些方法01 JavaScript :简称:js* js分三个部分:* 1. ECMAScript 标准----js的基本的语法* 2. DOM------Document Object Model 文档对象模型* 3. BOM------B...原创 2020-02-13 13:59:16 · 839 阅读 · 0 评论 -
JavaScript对象(2)
实验目的1、熟悉JavaScript中字符串对象String的创建和基本属性。2、掌握JavaScript中字符串对象String常见方法anchor()、charAt()、charCodeAt()、concat()、indexOf()、lastIndexOf()、match()、replace()、search()、split()、substr()、subString()、slice()等的...原创 2020-02-12 23:54:00 · 259 阅读 · 0 评论 -
JavaScript内置函数
1.1 数字类型内置函数(1)isFinite():检查某个值是否为有穷大的数作用:用于判断number对象是否是(或可转换成)一个有穷大(有限)的数字。语法:isFinite(number);参数:number必需的,为Number类型。如果参数不是Number类型(如字符串、函数等),返回false。返回值:布尔类型(boolean)。如果number是有限数字(或可转换为有限数字)...原创 2020-02-12 00:05:43 · 463 阅读 · 0 评论 -
JavaScript对象
1.1 什么是对象?对象:对象是具有类类型的变量。将一组数据(属性)和与这组数据有关操作(方法)组装在一起,形成一个实体,这个实体就是对象。对象是人们要进行研究的任何事,它不仅能表示具体的事物,还能表示抽象的规则、计划或事件。对象的状态:对象中的数据,描述对象的信息。对象的行为:对象中的各种操作,用来描述对象的功能,改变对象的状态。对象实现了数据和操作的结合,使数据和操作封装于对象的统一体...原创 2020-02-11 23:56:11 · 143 阅读 · 0 评论 -
JavaScript函数实验题(2)
实验目的1、熟悉JavaScript函数的定义。2、掌握JavaScript函数的几种调用方法。3、熟悉JavaScript函数库的定义和引用。4、掌握JavaScript中几种特殊函数的定义和调用。5、掌握JavaScript中模式消息对话框的3种内置函数。实验内容与步骤一、 函数库在js文件中定义一些函数,之后在html文件中引用他们,就可以调用他们完成相应功能。例如:m...原创 2020-02-11 22:51:17 · 1164 阅读 · 0 评论 -
JavaScript函数实验题(1)
函数实质上就是可以作为一个逻辑单元对待的一组JavaScript代码。使用函数可以使代码更为简洁,提高重用性。在JavaScript中,大约95%的代码都是包含在函数中的。由此可见,函数在JavaScript中是非常重要的。1.1 函数的定义函数是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的。定义函数的基本语法如下:function function...原创 2020-02-11 21:48:23 · 1021 阅读 · 0 评论 -
JavaScript其他语句
1、break语句break语句用于退出包含在最内层的循环或者退出一个switch语句。break语句通常用在for、while、do…while或switch语句中。break语句的形式:有标号(带标签引用)的和无标号(不带标签引用)。单独使用(无标签):berak;(多数情况下)有标号(有标签):break label;//跳出该标号所指定的循环,并执行该循环之后的代码。有标号标...原创 2020-02-10 18:51:51 · 283 阅读 · 0 评论 -
JavaScript流程控制
1、if条件判断语句if条件判断语句是最基本、最常用的流程控制语句,可以根据条件表达式的值执行相应的处理。if语句的语法格式如下:if(expression){ statement 1}else{ statement 2}expression:必选项,用于指定条件表达式,可以使用逻辑运算符。statement 1:用于指定要执行的语句序列。当expression的值为true时...原创 2020-02-10 18:42:23 · 477 阅读 · 0 评论 -
运算符与表达式
运算符是用来完成计算或者比较数据等一系列操作的符号1.1 赋值运算符JavaScript中的赋值运算可以分为简单赋值运算和复合赋值运算。简单赋值运算是将赋值运算符(=)右边表达式的值保存到左边的变量中;而复合赋值运算混合了其他操作(算术运算操作、位操作等)和赋值操作。例如:sum+=i; //等同于sum=sum+i;JavaScript中的赋值运算符1.2 算术运算符...原创 2020-02-10 18:28:55 · 296 阅读 · 0 评论 -
JavaScript深入浅出
学习资料:《JavaScript权威指南》MON:https://developer.mozilla.org/ZH-CN/learn/javascript多动手实践+参与讨论1.数据类型js在定义变量中,无需指定类型,背后有很多的隐式转换逻辑var num=32可以把字符串赋值给这个变量,也是合法的num=''this is a string"接下来我们来看看下面的三种情况...原创 2020-02-10 18:05:38 · 513 阅读 · 0 评论 -
Javascript_内置对象及一些方法+时间日期+String对象的下的方法
复习* 编程思想:* 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程* 面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果面向对象的特性:封装,继承,多态,(抽象性)JS是一门什么样的语言?* 是一门解释性的语言* 是一门脚本语言* 是一门弱类型的语言* 是一门基于对象的语言* 是一门动态类型的语言对象:(看得见,摸得着,具体的某个对象...原创 2020-01-18 20:31:43 · 217 阅读 · 0 评论 -
Javascript_函数复习+内置对象
整理之前学习一些视频的笔记引入var str=parseInt(prompt("请输入一个数字")); console.log(str);为什么结果是NaN???没转换成功,说明prompt(“请输入一个数字”)有问题 var str=prompt("请输入一个数字"); console.log(str);结果显示为空 var str=prompt("请输入一个数...原创 2020-01-18 18:43:24 · 229 阅读 · 0 评论