JavaScript学习
文章平均质量分 91
该笔记是黑马的JavaScript课程笔记修改版,涵盖JavaScript核心知识,最新ES6语法,从基础到API再到高级。
tuoluoo
这个作者很懒,什么都没留下…
展开
-
JavaScript 进阶04
与普通函数完全不同,也不受调用方式的影响,事实上箭头函数中并不存在。2.每次事件触发的时候都要先判断是否有定时器,如果有先清除以前的定时器。2.每次事件触发的时候都要先判断是否有定时器,如果有则不开启新的定时器。// 该箭头函数中的 this 与 sleep 中的 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// try 代码段中执行有错误时,会执行 catch 代码段。原创 2024-02-29 11:22:41 · 342 阅读 · 0 评论 -
JavaScript 进阶03
基于原型对象的继承使得不同构造函数的原型对象关联在一起,并且这种关联的关系是一种链状的结构,我们将原型对象的链状结构关系称为原型链。但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。当访问对象的属性或方法时,先在当前实例对象是查找,然后再去原型对象查找,并且原型对象被所有实例共享。中定义与原型对象中相同名称的方法,这时实例对象调用则是构造函中的方法。③ 如果还没有就查找原型对象的原型(Object的原型对象)原创 2024-02-28 19:32:56 · 806 阅读 · 0 评论 -
JavaScript 进阶02
检测数组中的元素是否满足指定条件 如果数组中有元素满足条件返回 true,否则返回 false。查找元素, 返回符合测试条件的第一个数组元素值,如果没有符合条件的则返回 undefined。检测数组所有元素是否都符合指定条件,如果所有元素都通过检测返回 true,否则返回 false。通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员。静态成员指的是添加到构造函数本身的属性和方法,静态成员方法中的。// 构造函数内部的 this 就是实例对象。是内置的构造函数,用于创建普通对象。原创 2024-02-25 00:52:55 · 618 阅读 · 0 评论 -
JavaScript 进阶01
闭包是一种比较特殊的函数,使用闭包能够访问函数作用域中的变量。变量提升允许在变量声明之前被访问,会将所有var声明的变量提升至当前作用域的最前面。在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。文件的【最外层】就是所谓的全局作用域,在此声明的变量在函数内部也可以被访问。箭头函数不会创建自己的this,它只会从自己的作用域链的上一层沿用this。包裹的代码称为代码块,代码块内部声明的变量外部将【有可能】无法被访问。// 以前this的指向: 谁调用的这个函数,this 就指向谁。原创 2024-02-24 18:16:26 · 609 阅读 · 0 评论 -
Web APIs - 06
/ const strEnd = str.replace(/前端/, 'web') 只能替换一个。// const strEnd = str.replace(/前端/, 'web') 只能替换一个。[ ]表示字符的范围,定义的规则限定在某个范围,比如只能是英文字母,或者数字等等,用表示范围。// 用户名可以输入英文字母,数字,可以加下划线,要求 6~16位。// 1. 替换 replace 需求:把前端替换为 web。// 1. 替换 replace 需求:把前端替换为 web。原创 2024-02-18 19:36:45 · 898 阅读 · 0 评论 -
Web APIs -05
js的异步是通过回调函数实现的分为三类:1.普通事件:click等,2.资源加载:load,error,3.定时器。history 是对象,主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退等。**特性:**以键值对的形式存储,并且存储的是字符串, 省略了window 无法直接存取对象。// 1. 存储/修改 localStorage.setItem(key, value)map 也称为映射。**问题:**因为本地存储里面取出来的是字符串,不是对象,无法直接使用。原创 2024-02-16 17:53:05 · 1167 阅读 · 0 评论 -
Web APIs - 03
我们的最终目的是保证只有点击 button 子元素才去执行事件的回调函数,如何判断用户点击是哪一个子元素呢?事件委托是利用事件流的特征解决一些现实开发需求的知识技巧,主要的作用是提升程序效率(减少注册次数)。阻止冒泡是指阻断事件的流动,保证事件只在当前元素被执行,而不再去影响到其对应的祖先元素。// 假设上述的 10000 个 buttom 元素共同的祖先元素是 table。// 假设上述的 10000 个 buttom 元素共同的祖先元素是 table。原创 2024-01-03 20:38:05 · 810 阅读 · 0 评论 -
Web APIs - 01
标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如: disabled、checked、selected自定义属性:在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset(集合)对象方式获取。原创 2023-12-28 22:35:10 · 885 阅读 · 0 评论 -
Web APIs - 02
的第2个参数是函数,这个函数会在事件被触发时立即被调用,在这个函数中可以编写任意逻辑的代码,如改变 DOM 文本颜色、文本内容等。译成中文是【点击】的意思,它的含义是监听(等着)用户鼠标的单击操作,除了【单击】还有【双击】是 DOM 对象专门用来添加事件监听的方法,它的两个参数分别为【事件类型】和【事件回调】。任意事件类型被触发时与事件相关的信息会被以对象的形式记录下来,我们称这个对象为事件对象。事件回调函数的【第1个参数】即所谓的事件对象,通常习惯性的将这个对数命名为。原创 2023-12-28 22:32:24 · 746 阅读 · 1 评论 -
JavaScript 基础 - 05
ps:简单数据类型放进栈里面(number,复杂数据类型的地址),所以要查找对象,就要先到栈里面找到对象的地址,然后在堆里面的地址找到数据。是 JavaScript 中内置的对象,称为数学对象,这个对象下即包含了属性,也包含了许多的方法。数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。// 属性都是成对出现的,属性名 和 值,它们之间使用英文 : 分隔。// 属性都是成对出现的,属性名 和 值,它们之间使用英文 : 分隔。// person 是一个对象,它包含了一个属性 name。原创 2023-12-24 22:11:54 · 862 阅读 · 1 评论 -
JavaScript 基础 - 04
声明(定义)一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分。原创 2023-12-24 17:35:20 · 821 阅读 · 1 评论 -
JavaScript 基础 - 03
script > // 1. 语法,使用 [] 来定义一个空数组 // 定义一个空数组,然后赋值给变量 classes // let classes = [];// 2. 定义非空数组 let classes = [ '小明' , '小刚' , '小红' , '小丽' , '小米' ] </ script >// 1. 语法,使用 [] 来定义一个空数组。原创 2023-12-24 17:34:48 · 783 阅读 · 1 评论 -
JavaScript 基础 - 02
小括号内的条件结果是布尔值,为 true 时,进入大括号里执行代码;数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。: 一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分支 更简单。使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句 功能相同。 (1) 取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额。分支语句可以根据条件判定真假,来选择性的执行想要的代码。原创 2023-12-24 17:34:00 · 810 阅读 · 1 评论 -
JavaScript基础 - 01
掌握 JavaScript 的引入方式,初步认识 JavaScript 的作用。原创 2023-12-24 17:32:59 · 848 阅读 · 1 评论