JavaScript的进阶学习笔记 # 正则表达式 正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则， 也可以将一个字符串中符合规则的内容提取出来。...26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 复制 ---- # JSON JavaScript
变量在未声明即被访问时会报语法错误 变量在var声明之前即被访问，变量的值为 undefined let / const 声明的变量不存在变量提升 变量提升出现在相同作用域当中 实际开发中推荐先声明再访问变量 函数进阶...静态成员： 在 JavaScript 中底层函数本质上也是对象类型，因此允许直接为函数动态添加属性或方法，构造函数的属性和方法被称为静态成员。...在 JavaScript 内置了一些构造函数，绝大部的数据处理都是基于这些构造函数实现的，JavaScript 基础阶段学习的 Date 就是内置的构造函数。...---- 原型 JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象，所以我们也称为原型对象 作用： 共享方法 可以把那些不变的方法，直接定义在 prototype...在实例对象里面 指向原型 prototype 原型继承 继承是面向对象编程的另一个特征，通过继承进一步提升代码封装的程度，JavaScript 中大多是借助原型对象实现继承的特性。
JavaScript 进阶 - 第3天 了解构造函数原型对象的语法特征，掌握 JavaScript 中面向对象编程的实现方式，基于面向对象编程思想实现 DOM 操作的封装。...了解面向对象编程的一般特征 掌握基于构造函数原型对象的逻辑封装 掌握基于原型对象实现的继承 理解什么原型链及其作用 能够处理程序异常提升程序执行的健壮性 一、面向对象 学习 JavaScript 中基于原型的面向对象编程序的语法实现...通过以上两个简单示例不难发现 JavaScript 中对象的工作机制：当访问对象的属性或方法时，先在当前实例对象是查找，然后再去原型对象查找，并且原型对象被所有实例共享。...1.2 继承 继承是面向对象编程的另一个特征，通过继承进一步提升代码封装的程度，JavaScript 中大多是借助原型对象实现继承的特性。...上述代码中是以命名空间的形式实现的继承，事实上 JavaScript 中继承更常见的是借助构造函数来实现： // 所有人 function Person() { //
JavaScript 进阶 - 第4天 一、深浅拷贝 二、异常处理 了解 JavaScript 中程序异常处理的方法，提升代码运行的健壮性。...1.1 默认值 this 是 JavaScript 最具“魅惑”的知识点，不同的应用场合 this 的取值可能会有意想不到的结果，在此我们对以往学习过的关于【 this 默认的取值】情况进行归纳和总结。...window } const p1 = new Person() p1.walk() this指向 以上归纳了普通函数和箭头函数中关于 this 默认值的情形，不仅如此 JavaScript
JavaScript 进阶 - 第1天 学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。... 总结： 函数内部声明的变量，在函数外部无法被访问 函数的参数也是函数内部的局部变量 不同函数内部声明的变量无法互相访问 函数执行完毕后，函数内部的变量实际被清空了 块作用域 在 JavaScript...// t 只能在该代码块中被访问 console.log(t); // 正常 } // 超出了 t 的作用域 console.log(t); // 报错 JavaScript...尽可能少的声明全局变量，防止全局变量被污染 JavaScript 中的作用域是程序被执行时的底层机制，了解这一机制有助于规范代码书写习惯，避免因作用域导致的语法错误。...1.5 变量提升 变量提升是 JavaScript 中比较“奇怪”的现象，它允许在变量声明之前即被访问， // 访问变量 str console.log(str + 'world
JavaScript 进阶 - 第2天 了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。...了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的特征 掌握包装类型对象常见方法的使用 一、深入对象 了解面向对象的基础概念...1.3 静态成员 在 JavaScript 中底层函数本质上也是对象类型，因此允许直接为函数动态添加属性或方法，构造函数的属性和方法被称为静态成员。...在 JavaScript 中最主要的数据类型有 6 种，分别是字符串、数值、布尔、undefined、null 和 对象，常见的对象类型数据包括数组和普通对象。...在 JavaScript 内置了一些构造函数，绝大部的数据处理都是基于这些构造函数实现的，JavaScript 基础阶段学习的 Date 就是内置的构造函数。
A1%80 JavaScript 是区分大小写的，并使用 Unicode 字符集。...一个 JavaScript 标识符必须以字母、下划线（_）或者美元符号（$）开头；后续的字符也可以是数字（0-9）。...「变量提升」JavaScript 变量的另一个不同寻常的地方是，你可以先使用变量稍后再声明变量而不会引发异常。...JavaScript 是大小写敏感的，因此 null 与 Null、NULL或变体完全不同。..."; 因为 JavaScript 是动态类型的，这种赋值方式并不会提示出错。 在包含的数字和字符串的表达式中使用加法运算符（+），JavaScript 会把数字转换成字符串。
JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库 这篇文章主要是为了为大家大致讲解JavaScript...如果希望完全掌握，可以参考网站jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm (cuishifeng.cn) JavaScript...库 JavaScript库： 即library，是一个封装好的特定的集合（包括许多属性和方法）。...库： jQuery Prototype YUI Dojo Ext JS zepto jQuery概述 jQuery概念： jQuery是一个快速，简洁的JavaScript库，其设计的宗旨是：“Write...">JavaScript // 我们仅做出最简单的入门演示 // 1.节点文本操作： //
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。...（因为3的事情先完成了，所以先从任务队列中注册到事件队列中，所以先执行的是3而不是在前面的2）*/ 【小结】同步与异步不是JavaScript特有的概念，它是操作系统层面的东西，跟编程语言无关。
1.JavaScript核心操作——DOM对象 window对象 通过window对象，可以操作和浏览器软件相关的信息 // window.alert();//调用浏览器的对话框操作...div> 开始抽奖 <script type="text/<em>javascript</em>...(images/flystart.png) 开始飞行 <script type="text/javascript...飞机飞行进度演示 5.JavaScript事件——Event 事件操作： 事件就是一种发生在网页上的行为；鼠标单击、鼠标双击、键盘按下、键盘抬起、获得焦点、失去焦点等等各种行为 常见的事件： 鼠标事件...jpg"); } <script type="text/<em>javascript</em>
我在我的 Instagram 上每天都会发布 JavaScript 的问题，并且同时也会在这个仓库中发布。...从基础到进阶，测试你有多了解 JavaScript，刷新你的知识，或者帮助你的 coding 面试！ ? ?我每周都会在这个仓库下更新新的问题。 答案在问题的下方。祝你好运 ❤️: 1....虽然 JavaScript 不能直接在对象上找到这些方法，但 JavaScript 会沿着原型链找到它们，以便于你使用。 ---- 15. 输出是什么？...JavaScript 全局执行上下文为你做了两件事：全局对象和 this 关键字。...JavaScript 中的一切都是？ A: 基本类型与对象 B: 函数与对象 C: 只有对象 D: 数字与对象 ---- 答案: A JavaScript 只有基本类型和对象。
JS 的特色就是异步编程，所有有很多关于异步的考点，本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些，...
「javascript词法文法学习篇」 这部分描述了JavaScript的词法。...JavaScript中有两种生成注释的方法。...2` `string text ${expression} string text` tag `string text ${expression} string text` 「自动分号补全」一些JavaScript
JavaScript进阶内容——DOM详解 当我们已经熟练掌握JavaScript的语法之后，我们就该进入更深层次的学习了 首先我们思考一下：JavaScript是用来做什么的？...JavaScript诞生就是为了能够让它在浏览器中运行 那么DOM就是我们学习中不可或缺的一个环节，下面让我们深入了解DOM DOM简介 DOM定义： 文档对象模型（DOM），是W3C组织推荐的处理可扩展标记语言...使我们有能力创建动态页面，而事件就是被JavaScript所侦测到的行为。...true，表示深拷贝，复制内容 括号里面为空或者false，表示浅拷贝，不复制内容 节点并未出现在页面，如果希望出现该节点，需要插入该节点 事件高级内容 我们在前面已经掌握了事件的基本方法，接下来我们来学习进阶内容...下一节我会对BOM做出详解，并且在JavaScript的内容结束后，会对DOM的各种实际网页应用做出各种案例模板，请多多关照！
难的地方要来了 函数进阶 目标: 我们以前定义函数的方法有两种,命名函数和匿名函数,今天学习第三种,根据大写的F我们可以看出这是一个构造函数 语法格式: new Function('参数1...老师顺便给我们总结了以前学过的所有函数的调用方法: this指向 这些this的指向,是当我们调用函数的时候确定的.调用的方式的不同决定了this指向的不同,一般指向我们的调用者 改变函数内部this指向 JavaScript
如果不好好的学习对象，你就无法在JavaScript中获得很大的成就。 它们几乎是JavaScript编程语言的每个方面的基础。...} return animal } const leo = Animal('Leo', 7) const snoop = Animal('Snoop', 10) web前端1-3年 进阶...那么究竟什么是JavaScript的原型？好吧，简单地说，JavaScript中的每个函数都有一个引用对象的prototype属性。 对吗？亲自测试一下。...const leo = Animal('Leo', 7) const snoop = Animal('Snoop', 10) leo.eat(10) snoop.play(5) web前端1-3年 进阶...const Animal = () => {} const leo = new Animal() // Error: Animal is not a constructor web前端1-3年 进阶
第5章 函数进阶 学习目标 函数的声明调用参数等基本语法 理解作用域 闭包 this的指向和使用 改变this指向的方法 5.1 函数的声明及调用 关键字声明 function f1(){ console.log...由于函数与其他数据类型地位平等，所以在 JavaScript 语言中又称函数为 第一等公民。...由于在JavaScript语言中，只有函数内部的子函数才能读取内部变量， 因此可以把闭包简单理解成**“定义在一个函数内部的函数”**。...JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行的，this就是函数运行时所在的对象（环境）。...有时，需要把this固定下来，避免出现意想不到的情况；JavaScript提供了call，apply，bind这三个方法，来切换/固定this的指向。
JavaScript三大家族 ? ? 明白了上述?三个事件方法的作用以及JavaScript三大家族，我们来实现个简单版的拖拽 <!
当我们打开浏览器的 JavaScript 控制台 ，并修改 数据的值，页面上的显示信息也会发生对应的变化。 Vue可以定义数据对象。...} age:{{age}} {{info()}} <script type="text/<em>javascript</em>...} }) var app2 = new Vue({... ...'页面加载于 ' + new Date().toLocaleString() } }) <script type="text/javascript
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
