尚硅谷JavaScript高级教程(javascript实战进阶)学习笔记

前言

这个是我学习过程中的笔记,分享给大家,希望对大家有用。

学习内容是尚硅谷JavaScript高级教程(javascript实战进阶),这里是视频链接。

我在前面有两篇对于web前端HTML和CSS的学习笔记,有需要的可以看一下哈。
黑马程序员版的Web前端html5+css3前端开发入门学习笔记
尚硅谷版Web前端零基础入门HTML5+CSS3学习笔记补充

文章目录

  • 前言
  • JavaScript基础
    • 1.数据类型
    • 2.数据,变量,内存
      • 问题var a=xxx a内存到底保持的是什么?
      • 问题js调用函数时传递变量参数时,是地址传递还是值传递?
      • JS引擎如何管理内存
    • 3.对象
      • 什么时候必须使用[ ' 属性名']的方式
    • 4.函数
      • 1)回调函数
      • 2) IIFE
      • 3)函数中的this
      • 4)JS语句关于分号的问题
  • JavaScript高级
    • 1.函数高级
      • 1)原型(prototype)与原型链
        • 原型(prototype)
        • 显示原型与隐式原型
        • 原型链
          • 原型链的属性
        • 探索instanceof
      • 2)执行上下文与执行上下文栈
        • 变量声明提升和函数声明提升
        • 执行上下文
        • 执行上下文栈
      • 3)作用域与作用域链
      • 4)闭包
        • 常见的闭包
        • 闭包的作用
        • 闭包的生命周期
        • 内存溢出和内存泄漏
    • 2.面向对象高级
      • 1)对象创建模式
        • object构造函数模式
        • 对象字面量模式
        • 工厂模式
        • 自定义构造函数模式
        • 构造函数+原型的组合模式
      • 2)继承模式
        • 原型链继承
        • 借用构造函数继承
        • 组合继承
    • 3.线程机制与事件机制
      • 1)进程与线程
      • 2)浏览器内核
      • 3)定时器引发的思考
      • 4)JS是单线程执行的
      • 5)浏览器的事件循环(轮询)模型
      • 6)H5 Web Workers(多线程)

JavaScript基础

1.数据类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.数据,变量,内存

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

问题var a=xxx a内存到底保持的是什么?

在这里插入图片描述

问题js调用函数时传递变量参数时,是地址传递还是值传递?

在这里插入图片描述

JS引擎如何管理内存

在这里插入图片描述

3.对象

在这里插入图片描述
在这里插入图片描述

什么时候必须使用[ ’ 属性名’]的方式

在这里插入图片描述

4.函数

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1)回调函数

在这里插入图片描述

2) IIFE

在这里插入图片描述

3)函数中的this

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4)JS语句关于分号的问题

在这里插入图片描述

JavaScript高级

1.函数高级

1)原型(prototype)与原型链

原型(prototype)

在这里插入图片描述
在这里插入图片描述

显示原型与隐式原型

在这里插入图片描述

在这里插入图片描述

原型链

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

原型链的属性

在这里插入图片描述

探索instanceof

在这里插入图片描述

2)执行上下文与执行上下文栈

变量声明提升和函数声明提升

在这里插入图片描述

执行上下文

在这里插入图片描述

执行上下文栈

在这里插入图片描述

3)作用域与作用域链

在这里插入图片描述

在这里插入图片描述

4)闭包

在这里插入图片描述

常见的闭包

在这里插入图片描述

闭包的作用

在这里插入图片描述

闭包的生命周期

在这里插入图片描述

内存溢出和内存泄漏

在这里插入图片描述
在这里插入图片描述

2.面向对象高级

1)对象创建模式

object构造函数模式

在这里插入图片描述
在这里插入图片描述

对象字面量模式

在这里插入图片描述

工厂模式

在这里插入图片描述

自定义构造函数模式

在这里插入图片描述

构造函数+原型的组合模式

在这里插入图片描述

2)继承模式

原型链继承

在这里插入图片描述

在这里插入图片描述

借用构造函数继承

在这里插入图片描述
在这里插入图片描述

组合继承

在这里插入图片描述

在这里插入图片描述

3.线程机制与事件机制

1)进程与线程

进程(process)
程序的一次执行,它占有一片独立的内存空间。可以通过windows的任务管理器查看进程。

线程(thread)

  1. 是进程内的一个独立执行单元
  2. 是程序执行的一个完整流程
  3. 是CPU的最小的调度单元

进程与线程的关系

在这里插入图片描述

相关知识点

在这里插入图片描述

相关问题

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2)浏览器内核

在这里插入图片描述

3)定时器引发的思考

在这里插入图片描述

4)JS是单线程执行的

在这里插入图片描述

5)浏览器的事件循环(轮询)模型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6)H5 Web Workers(多线程)

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/252550.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Threejs入门教程

一、本地搭建Threejs官方文档网站 1.官网地址:https://github.com/mrdoob/three.js 下载压缩包并解压或使用git clone 若github过慢,则使用gitee对应网址:three.js: mrdoob/three.js 同步库 2.目录解析 3.启动方式 在three.js项目根目录下…

Javascript机器学习教程

Javascript机器学习教程 使用 Javascript 和 TensorflowJS 通过动手项目从头开始掌握机器学习 课程英文名:Machine Learning with Javascript 此视频教程共1.0小时,中英双语字幕,画质清晰无水印,源码附件全 下载地址 课程编号…

CAD梦想画图中删除命令

“删除”命令用于删除在CAD作图过程中的图线和多余的图线。用户既可以先选择对象再执行“删除”,也可以先执行“删除”命令再选择对象。选择“删除”命令后,CAD屏幕上的十字光标将会变成一个拾取框,选择需要删除的对象,按enter键。…

CAD怎么删除图块注释?删除CAD图块注释步骤

CAD设计过程中,有时候会在图纸中添加许多注释,如:文字注释,图块注释,标注样式注释等。当需要删除图纸中的CAD图块注释时,你知道该如何操作吗?本节课程小编就来给大家分享一下浩辰CAD软件中删除C…

AutoCAD单独卸载,不影响其他软件,CAD 2021安装失败,怎么完全彻底卸载删除清理干净CAD 2021各种残留注册表和文件?

AIOC超级工具箱 AIOC超级工具箱是专门为了针对Autodesk类软件卸载不干净而导致Autodesk安装失败问题进行研发的Autodesk一键卸载工具。现在虽然360或一些卸载软件提供了强力卸载Autodesk的工具,可以将Autodesk注册表和一些Autodesk目录的Autodesk残留信息删除&…

CAD卸载重新安装方法,使用清理卸载工具完全彻底删除干净CAD各种残留注册表和文件。

CAD没有按照正确方式卸载,导致CAD安装失败。现在虽然360或者其他一些卸载软件提供了强力卸载清理CAD的工具,可以将CAD注册表和一些CAD目录的CAD残留信息删除干净,但仍不能确保将CAD所有相关dll程序文件、exe可执行文件和注册表信息全部彻底删…

CAD 卸载工具,完美彻底卸载清除干净cad各种残留注册表和文件

CAD提示安装未完成,某些产品无法安装该怎样解决呢?,一些朋友在win7或者win10系统下安装CAD失败提示CAD安装未完成,某些产品无法安装,也有时候想重新安装CAD的时候会出现本电脑windows系统已安装CAD,你要是不…

【AutoCAD 卸载工具,完全彻底删除清理干净AutoCAD各种残留注册表和文件】

AutoCAD卸载工具,完全彻底删除干净AutoCAD各种残留注册表和文件。AutoCAD安装失败,怎么完全彻底删除清理干净AutoCAD各种残留注册表和文件呢?有些同学想把AutoCAD重新安装,但是AutoCAD安装失败显示失败,有时AutoCAD安装…

CAD单独卸载,不影响其他软件,CAD专用卸载修复工具,一键完全彻底卸载删除CAD软件的专用卸载工具

AIOC超级工具箱 小伙伴是不是遇到 CAD/3dmax/maya/Revit/Inventor 安装失败或者安装不了的问题了呢?AUTODESK系列软件着实令人头疼,CAD/3dmax/maya/Revit/Inventor安装失败之后不能完全卸载!!!(比如maya&a…

cad 2020安装失败,怎么完全彻底卸载删除清理干净cad 2020各种残留注册表和文件? 【转载】

cad 2020卸载工具,完全彻底删除干净cad 2020各种残留注册表和文件。cad 2020安装失败,怎么完全彻底删除清理干净cad 2020各种残留注册表和文件呢?有些同学想把cad 2020重新安装,但是cad 2020安装失败显示失败,有时cad …

CAD 残留文件和注册表如何完全彻底卸载删除干净【转载】

CAD 残留文件和注册表如何完全彻底卸载删除干净?cad安装失败,怎么完全彻底删除清理干净cad各种残留注册表和文件呢?有些同学想把cad重新安装,但是cad安装失败显示失败,有时cad安装到一半就显示失败,然后会问…

CAD卸载方法,如何完全彻底卸载删除清理干净CAD各种残留注册表和文件? 【转载】

CAD卸载方法,完全彻底删除干净CAD各种残留注册表和文件。CAD安装失败,怎么完全彻底删除清理干净CAD各种残留注册表和文件呢?有些同学想把CAD重新安装,但是CAD安装失败显示失败,有时CAD安装到一半就显示失败&#xff0c…

cad卸载_如何卸载干净CAD?

小伙伴是不是遇到 CAD/3dmax/maya/Revit/Inventor 安装失败或者安装不了的问题了呢?AUTODESK系列软件着实令人头疼,CAD/3dmax/maya/Revit/Inventor安装失败之后不能完全卸载!!!(比如maya,cad&am…

CAD绘图设计中怎样删除CAD图层?怎样清理CAD图层文件?

我们平时在设计图纸的时候,有的时候,也经常会遇到图层繁多,需要处理的情况,那么图层少的话,我们可以一个一个的进行删除清理,如果图层多了该怎么办?那今天小编就给大家详细的解说一下遇到这种情…

一键卸载cad,强力卸载cad,强力删除autodesk,完美卸载max,彻底卸载revit,彻底删除autodesk的任何软件

点击下载后,请保存文件,并解压后,再打开程序 ▼▼▼下载地址▼▼▼ http://bbs.qbgxl.com/job.php?actiondownload&aid320 主页地址 Autodesk 专用安装检查和卸载程序 http://bbs.qbgxl.com/read.php?tid118 下面介绍下这个工具&…

dwg批量删除自定义范围内指定地物的工具,CAD快速批量删除指定地物,基于FME实现批量删除CAD数据的指定地物

目录 一、实现效果 二、实现过程 1.数据准备 2.提取地物CASS码 3.根据CASS码初步分离拟删除的地物 4.通过几何关系最终分离要删除的地物 5.数据输出 三、工具使用优化 四、总结及注意事项 今天带来一个基于FME实现对dwg数据批量删除自定义范围内指定地物的工具案例。主…

CAD看图软件如何删除CAD图纸内容?

在CAD制图学习中,我们会查看大量的CAD图纸。有时候还需要对CAD图纸内容做修改。例如,该如何删除CAD图纸里的内容呢?今天我就 在这里和大家分享一下,CAD看图软件如何删除CAD图纸内容?我们可以使用CAD看图软件来演示操作…

计算机怎么清理CAD,怎么完全卸载cad

cad作为一款自动计算机辅助设计软件,在电脑中想要安装cad的更高版本,就需要将旧版本的cad卸载干净才可以进行安装,但有些小伙伴并不是很清楚怎么完全卸载cad,那么针对这一情况,接下来小编给大家分享的就是将电脑上的ca…

cad完全卸载工具

不知道为什么有时候卸载了电脑之前的cad软件后,再安装一个新的cad时会有安装不上的情况?那么这时可以配合cad完全卸载工具来试试,这是专门针对这个问题而推出的一款电脑卸载工具,有了该工具即可轻轻松松的帮助用户将电脑中cad的注…

cad卸载_CAD卸载不干净导致安装失败?别慌!老司机手把手教你卸载!

CAD经常出现文件丢失啊、这样那样的提示(反正就是看不懂),要是身边有个大神级朋友还好,没有的小盆友只能乖乖的卸载,重新安装了,那么又有个问题拦住我们了——怎么把CAD卸载干净呢? 由于卸载不干净,再次安装CAD时,很容易出现问题,导致安装失败,今天小编就教大家如何卸…