尚硅谷JavaScript高级学习笔记

这篇具有很好参考价值的文章主要介绍了尚硅谷JavaScript高级学习笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

01 准备

JavaScript中函数是对象。我们后续描述构造函数的内存模型时,会将构造函数称为构造函数对象。

02 数据类型

typeof 运算符来查看值的类型,它返回的是类型的字符串值

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

== 会做数据转换
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

03 相关问题

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

04数据_变量_内存

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

05相关问题1

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

06相关问题2

07对象

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

08函数

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

09回调函数

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

10 lIFE

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

11 函数中的this

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

12 关于语句分号问题

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

13 webstorm设置

14 复习

15、函数的prototype

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

function Func() { }
console.log(Func);
console.log(Func.prototype);

输出:
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
每个函数都有一个prototype属性,它默认指向一个0bject空对象(即称为:原型对象)

function Func() { }
console.log(Func.prototype.constructor === Func);// true
console.log(Date.prototype.constructor === Date);// true

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
给原型对象添加属性、方法,函数的所有实例对象自动拥有原型中的属性(方法)

function Func() { }
Func.prototype.name = "LCM";
Func.prototype.hello = function(){
    console.log("hello world!");
}
let f =  new Func();
console.log(f.name);//LCM
console.log(f.hello());//hello world!

16、显式原型和隐式原型

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

       function Fun(){}
       console.log(Fun.prototype);

       let f = new Fun();
       console.log(f.__proto__);

       console.log(Fun.prototype === f.__proto__);

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
__proto__prototype中保存的都是原型对象的地址值。

Fun的prototype、f的__proto__属性什么时候加的?
JavaScript引擎在解析Fun代码的时候就创建了(内部代码应该是:this.prototype={});
f的__proto__在new创建对象的时候加的(this.proto = Fun.prototype )
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

17、原型链

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
⭐️⭐️⭐️⭐️⭐️ 记住:实例对象的隐式原型等于构造函数的显式原型;

所有函数对象的隐式原型都是一样的,都是Function对象的原型对象,因为都是new Function产生的();

⭐️⭐️⭐️⭐️⭐️特殊:Function对象的隐式原型和显式原型是同一个

Object构造函数对象的隐式原型也是Function的显式原型。也就是说Object的构造函数对象也是new Funtion()创建的。

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

18 原型链-补充

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

19 原型链属性问题

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

20 探索instanceof

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
instanceof的作用:左面对象是不是右面构造函数对象的实例
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

21 原型- 面试题

题1

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

题2

function Foo() { }

Object.prototype.f1 = function () {
    console.log("f1()");
}
Object.prototype.f2 = function () {
    console.log("f2()");
}

let f = new Foo();
f.f1();// => f1()
f.f2();// => f1()

Foo.f1();// => f1()
Foo.f2();// => f1()

22 变量提升与函数提升

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

22.1 变量提升

var a = 3;
function fn() {
    console.log(a);// undefined
    var a = 4;
}
fn();

输出undefined,因为上面代码会转化为下面的代码,变量做了提升

var a = 3;
function fn() {
	var a;
    console.log(a);// undefined
    a = 4;
}
fn();

22.1函数提升

23 执行上下文

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

⭐️⭐️⭐️⭐️⭐️
执行第一行代码前,JavaScript已经准备好了全局上下文,并已经在window对象中添加了属性和方法。注意:此时还没有给对象赋值,方法

23.1 全局执行上下文

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

23.2 函数执行上下文

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

调用函数时

第1步:在准备执行函数体之前,会在调用栈创建一个栈帧压入调用栈中。一个函数对应一个栈帧

第2步:对局部数据进行预处理
(1)形參变量==>赋值(实参)>添加为执行上下文的属性
(2)arguments
>赋值(实参列表),添加为执行上下文的属性
(3)var定义的局部变量==>undefined,添加为执行上下文的属性
(4)function声明的函数 >赋值(fun),添加为执行上下文的方法水
(5)this
>赋值(调用函数的对象)

第3步:开始执行函数体代码
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

24 执行上下文栈

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

25 面试题

26 复习

27 作用域与作用域链

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
自己的作用找不到就向上面的作用域找,一直找到最顶层-全局上下文中。

作用域链

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

28作用域_面试题

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

29 循环遍历加监听

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

 /* 闭包 */
for (let i = 0; i < buttons.length; i++) {
    (function (i) {//这里的i是局部变量
        buttons[i].onclick = function () {
            alert("第" + (i + 1) + "按钮")
        }
    })(i)// 这里的i是全局变量
}

30 闭包理解

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
什么时候产生闭包,外部函数调用时,包含外部函数数据的内部函数被解析了,此时会产生闭包。

31 常见的闭包

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

32 闭包的作用

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

33 闭包的生命周期

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

34 [闭包,应用_自定义JS模块

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

(1)方式1

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

(2)方式2

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

34-1 闭包的缺点-内存溢出和内存泄漏

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

35 内存溢出与内存泄露

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

36 面试题

题1

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

题2

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

37 对象创建模式

(1)Object构造函数模式

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

(2)对象字面量模式

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

(5)

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

38 原型链继承

(1) 原型链继承

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

39 组合继承

(2)借用构造函数

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

(3)原型链 + 借用构造函数

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

40 复习

41 闭包终极面试题

42 进程与线程

43 浏览器内核

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

44 定时器引发的思考

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

45 js是单线程执行的

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

46 事件循环模型

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

47 H5 web Workers多线程

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记
尚硅谷JavaScript高级学习笔记,javascript,学习,笔记

48 复习

尚硅谷JavaScript高级学习笔记,javascript,学习,笔记文章来源地址https://www.toymoban.com/news/detail-838328.html

到了这里,关于尚硅谷JavaScript高级学习笔记的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 学习笔记 JavaScript基础语法(全)

    1.1 浏览器执行 JS 简介 浏览器分成两部分:渲染引擎和 JS 引擎 渲染引擎 :用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkit JS 引擎 :也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8 1.2 JS的组成 1.2.1 ECMAScr

    2024年02月05日
    浏览(30)
  • 【前端学习笔记2】javaScript基础

    是一种运行在客户端(服务器的编程语言) javacript分为行内JavaScript,内部JavaScript,外部JavaScript 内部JavaScript 直接写在html中body里面 alert(“hello,world”) 我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html 如果先加载的JavaScript期望修改其

    2024年01月22日
    浏览(32)
  • JavaScript 学习笔记(Day5)

    「写在前面」 本文为 b 站黑马程序员 pink 老师 JavaScript 教程的学习笔记。本着自己学习、分享他人的态度,分享学习笔记,希望能对大家有所帮助。推荐先按顺序阅读往期内容: 1. JavaScript 学习笔记(Day1) 2. JavaScript 学习笔记(Day2) 3. JavaScript 学习笔记(Day3) 4. JavaScript

    2024年01月19日
    浏览(34)
  • 尚硅谷Nginx高级配置笔记

    写在前面:本笔记是学习尚硅谷nginx可成的时候的笔记,不是原创,如有需要,可以去官网看视频,以下是pdf文件 通过扩容提升整体吞吐量 会话管理 Nginx高级负载均衡 ip_hash hash $cookie_jsessionid; hash $request_uri; 使用lua逻辑定向分发 Redis + SpringSession 使用sticky模块完成对Nginx的负载

    2024年01月19日
    浏览(31)
  • JavaScript-Web学习笔记01

    1、Web API Web API 是浏览器 提供的一套操作 浏览器功能 和 页面元素 的 API (BOM 和 DOM)。 2、总结 API 是为我们提供的一个接口,帮助我们实现某种功能 Web API 主要是针对浏览器提供的接口,主要针对浏览器做交互效果。 Web API 一般都有输入和输出(函数的传参和返回值),

    2024年04月09日
    浏览(62)
  • 前端学习心得笔记之三(JavaScript篇)

    JavaScript一种运行在客户端(浏览器)上的解释性弱语言,是前端的重中之重,在计算机刚刚兴起的那个时代,这个由十天仓促编成的语言发展到现在也是令人吹嘘。 文件引用 在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件使用script标签进行引用以下为演示 m

    2024年04月23日
    浏览(39)
  • 前端学习笔记:JavaScript基础语法(ECMAScript)

    此博客参考b站:【黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程】https://www.bilibili.com/video/BV1Y84y1L7Nn?p=76vd_source=06e5549bf018e111f4275c259292d0da 这份笔记适用于已经学过一门编程语言(最好是C语言)的同学,如果你没有

    2024年02月16日
    浏览(32)
  • 【JavaScript】面向后端快速学习 笔记

    制作动态页面 脚本语言 弱类型 TS 强类型 1.HTML内部包裹 但是只能单页面使用 引入外部JS文件 2.1 数据类型 数值类型统一为 number , 不区分整数和浮点数 字符串类型为 string 和JAVA中的String相似,JS中 不严格区分单双引号 ,都可以用于表示字符串 布尔类型为 boolean 和Java中的boolea

    2024年01月21日
    浏览(33)
  • 【学习笔记46】JavaScript购物车的实现

    1、将通过数据重构页面 查询数据, 渲染页面 2、全选 选中全选按钮后, 根据全选按钮的选中状态, 修改所有商品的选中状态 重新渲染视图 3、清空购物车 清空商品数据 重新渲染视图 4、结算 找到所有选中的商品 计算所有选中商品各自的总价 计算所有选中商品的总价之和 5、

    2024年02月08日
    浏览(34)
  • JavaScript学习笔记01(包含ES6语法)

    Js 最初被创建的目的是“使网页更生动”。 Js 写出来的程序被称为 脚本 ,Js 是一门脚本语言。 被直接写在网页的 HTML 中,在页面加载的时候自动执行 脚本被以纯文本的形式提供和执行,不需要特殊的准备或编译即可运行(JIN compiler) Js 不仅可以在浏览器中执行,也可以在

    2024年02月16日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包