【笔记】JavaScript - 关于面向对象的一些基本概念知识

最新推荐文章于 2023-03-11 09:15:00 发布
最新推荐文章于 2023-03-11 09:15:00 发布
阅读量5.4k 收藏
点赞数 1
分类专栏： 笔记 文章标签： 面向对象 原型 原型链 构造函数 函数多种角色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lixiaosenlin/article/details/109540175
版权

关于构造函数和普通函数底层运行原理的对比

  • 普通函数
  • 普通执行时形成一个独立的私有上下文；在私有上下文中有用于保存私有变量的活动对象AO
  • 初始化作用域链
  • 初始化this
  • 初始化arguments
  • 形参赋值
  • 变量提升
  • 代码执行
  • 返回值：return啥就是啥
  • 构造函数执行
  • 构造函数执行时同样也是先形成一个独立的私有上下文；在私有上下文中有用于保存私有变量的活动对象AO
  • 与普通函数不同的是：构造函数在形成私有上下文后，浏览器会默认创建一个实例对象（当前构造函数的实例）
  • 初始化this，并让this指向上一步中创建好的实例对象
  • 初始化arguments
  • 形参赋值
  • 变量提升
  • 代码执行
  • 函数返回值：
    • 如果没有返回值或返回值是一个基本类型值，则浏览器会忽略其返回值而是把创建的实例对象作为返回值返回
    • 如果返回值是一个引用类型值，则浏览器会把这个引用类型值作为返回值返回

在这里插入图片描述

关于构new造函数加括号和不加括号的对比

  • new Fn VS new Fn()
  • 相同点：两种方式都是把函数Fn执行
  • 不同点：
    • new Fn 没有传递实参； 并且运算符优先级是18
    • new Fn()：可以传递实参；并且运算符优先级是19

关于获取对象属性的一些总结

在这里插入图片描述

检测对象的成员是一个公有属性

在这里插入图片描述

关于对象中的原型和原型链的一些细节知识

在这里插入图片描述

函数的多种角色

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

一笑程序猴
关注
专栏目录
JavaScript面向对象方面的知识
qq_59452086的博客
04-15 657
闭包 1. 函数里面嵌套函数，可以多层嵌套，返回值为函数 2.内部函数可以调用外部函数的内容 作用域链 3.里面的参数和变量不会被垃圾回收机制回收 闭包案例 function fn(a){ //参数a 这个参数a是不会被销毁的（坏处：内存占用） return function(){ console.log(a) } } console.log(fn("hello")); //调用外部函数 （好处：内部的变量不会被外部污染） //好处 //1.可以让一个变量长期驻扎 ...
JavaScript 学习笔记（六）JavaScript基础，JavaScript面向对象相关知识点及案例
小张小张的博客
03-12 1070
目录 一、了解面向对象 二、创建对象的方式 1. 字面量方式创建对象 2. 内置构造函数创建对象 3. 工厂函数创建对象 4. 自定义构造函数创建对象 一、了解面向对象 面向对象是我们的一种开发方式。 例子：一份烤鸭 在面向过程中：所有事情都是自己来做，要考虑顺序（先杀鸭子，先烤鸭子，还是先切鸭子）；要考虑步骤（杀鸭子的时候，先干什么，后干什么）；要考虑细节（胡萝卜的宽窄程度，酱的咸甜口等）。而在面向对象中，我们只需要点一份烤鸭，等待烤鸭上桌就好。（会有专门的人来处理这些事情）.
【阅读笔记】JavaScript设计模式与开发实践1--面向对象与this
最新发布
delete_you的博客
03-11 491
《JavaScript设计模式与开发实践》阅读笔记第一节 主要介绍面向对象的相关知识，以及this、call、bind、apply在不同场景下的使用
JavaScript原型对象---知识总结
qq_47286790的博客
01-27 3332
任何一个JavaScript对象（一般有对花括号）都有一个原型对象，这个原型对象是JavaScript语言内置的，JavaScript对象可以使用原型对象的属性和方法。
JavaScript 中级笔记 第五章 面向对象的基础
10-29
JavaScript 中级笔记第五章面向对象的基础主要涵盖了对象的创建、使用、公共方法、私有方法以及特权方法等核心概念。面向对象编程是JavaScript中的重要特性，理解和掌握这些知识点对于提升编程能力至关重要。 1. **...
JavaScript-Review-Notes：只是一些笔记来刷新我的记忆
02-28
以上是JavaScript的基础知识概览，涵盖了变量、数据类型、函数、面向对象、异步编程以及ES6新特性等方面。通过深入理解和实践这些概念，你将能更好地掌握JavaScript，为你的Web开发工作打下坚实基础。
JavaScript学习笔记 08、面向对象
geejkse_seff的博客
05-14 247
文章目录 前言 一、认识对象 1.1、对象的定义 1.2、访问对象值(两种形式) 1.3、修改、创建、删除对象值 1.4、方法的创建与使用 1.5、遍历对象(for…in…) 1.6、对象的深浅克隆(针对于object) 二、认识函数的上下文 2.1、this关键字(函数上下文) 2.2、上下文规则 规则1：`对象.方法()`，则这个函数的上下文就是打点的对象 规则2：`函数()`，则这个函数的上下文就是window对象 规则3：`数组[下标]()`，则这个函数上下文就是这个数组 规则4：
Javascript Object 对象学习笔记
10-25
在这份“Javascript Object 对象学习笔记”中，将深入探讨JavaScript对象的基础知识、属性和方法。...掌握这些概念，可以帮助我们更好地编写面向对象的JavaScript代码，并且更加有效地管理对象的属性和行为。
JavaScript学习笔记之创建对象
11-23
此外，JavaScript的原型（prototype）机制使得对象可以继承属性和方法，这也是面向对象编程的重要特性。 在JavaScript中，对象不仅可以作为属性的容器，还可以作为函数的返回值，甚至可以作为参数传递，实现数据的...
完美解决pyinstaller 打包报错找不到依赖pypiwin32 或pywin32-ctypes的错误
热门推荐
lixiaosenlin的专栏
01-14 3万+
报错信息 最近闲来无事，用python的tkinter库开发了一款带日程提醒的万年历桌面程序。在程序开发结束开始打包时，却发现一直报错 PyInstaller cannot check for assembly dependencies. Please install PyWin32 or pywin32-ctypes. pip install pypiwin32 但是运行pip inst...
python 简单点餐系统
lixiaosenlin的专栏
12-12 2万+
a={} goods=[{“name”:“糖醋排骨”,“price”:34,"KaTeX parse error: Expected 'EOF', got '}' at position 6: ":"元"}̲,        {"name…":“元”},       &...
JavaScript 数据类型总结及相关面试题
lixiaosenlin的专栏
09-22 6761
JavaScript数据类型 基本数据类型 number string boolean null undefined symbol bigint 引用数据类型 object 普通对象 数组对象 正则对象 日期对象 Math数学函数对象 … function 数据类型检测 typeof 检测数据类型的逻辑运算符 instanceof 检测是否为类的实例 constructor 检测构造函数 Object.prototype.toString.call 检测数据类型 typeof [
JavaScript - 匿名函数具名化
lixiaosenlin的专栏
11-04 5919
匿名函数具名化 所谓匿名函数具名化：其实就是给匿名函数起个名字。这是一个非常规范的操作。 匿名函数具名化有如下几个特点 匿名函数具名化后，这个名字可以在当前函数形成的私有上下文中使用，代表当前函数本身 此名字不能在当前上下文以外的其它上下文中使用 在本函数上下文中使用时，它的值是不允许修改的 但是如果当前名字在被当前上下文中的其它变量声明过，则名字就变成了变量名，跟函数具名就没有任何关系了，所以变量的值是可以改的。 (function b(){ if(i >= 3) return; con
一线大厂前端经典面试题HTML+CSS部分
lixiaosenlin的专栏
09-25 5900
大前端时代需要掌握的技术栈 HTML5 https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5 语义化标签 音视频处理 canvas/webGL history API requestAnimationFrame 地理位置 web socket ... CSS3 常规 动画 盒子模型 响应式布局 ... JavaScript ECMAScript 3/4/5/6/7/8/9
JavaScript 学习笔记 && 面试题
lixiaosenlin的专栏
10-16 5648
2020-10-13 常用浏览器 webkit内核（V8引擎） 谷歌 Chrome Safari Opera >= V14 国产浏览器 手机浏览器 Gecko 火狐firefox Presto Opera < V14 Trident IE IE Edge 开始采用双内核（包含chrome mini） JS做客户端语言 按照相关的js语法，去操作页面中的元素，有时还需要操作浏览器里面的一些功能 ECMAScript3/5/6…：JS的语法规范（变量、数据类型、操
2020-10-19前端学习笔记 - CSS3的新特性
lixiaosenlin的专栏
10-23 5566
CSS3的新特性 属性选择器 属性选择器可以根据元素特定属性来选择元素，这样就可以不用借助于类或者id选择器了 选择符 简介 E[attr] 选择具有attr属性的E元素 E[attr=‘val’] 选择具有attr属性且属性值等于val的E元素 E[attr^=‘val’] 匹配具有attr属性且属性值以val开头的E元素 E[attr$=‘val’] 匹配具有attr的属性且属性值以val结尾的E元素 E[attr*=‘val’] 匹配具有attr属性且属性值中包含v
2020-10-18前端学习笔记 - ajax/fetch/axios/跨域
lixiaosenlin的专栏
10-18 5531
ajax中有几个常用方法 8个 get和post的区别 > GET: get、delete、head、options POST: post、put 在向服务器传递信息时，GET系列一般都是基于问号参数传递信息，POST一般都是基于请求主体传递信息 - GET 系列传递服务器信息大小有限制（URL的长度是存在限制的：IE ->2k）POST理论不存在限制，实际开发中自己会做限制 - GET系列会产生缓存，无法自己控制的缓存 - GET相对POST来讲也是不安全的 常见的网络状态码及作用 + 2
【笔记】web前端高级JavaScript - 函数的多种角色
lixiaosenlin的专栏
11-18 5495
函数的多种角色 普通函数 构造函数 对象
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值