js的new运算符做了哪些事情(0基础知识精细分解系列)

2023-12-07 17:38

本文主要是介绍js的new运算符做了哪些事情(0基础知识精细分解系列),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

<script>//依赖的前备知识:1/ 值类型和引用类型的存储区别 (有别名,地址,指向等概念)// 2/ 函数 -》 js中也用函数表示类// 3/ 赋值// 4/ 实例概念:new Class1(Class1是个函数),可以构造一个对象,这个对象称为Class1类的实例。可见:实例就是对象,进一步说是属于某类的对象。// 5/ call方法作用// 6 上下文this 的本质: 函数是谁调用的,这个this就指向谁 【好记:指向函数的调用者】// 7 结合5和6,call 的本质是改变函数里的上下文function Person(name,age){this.name = name;this.age = age;this.sayName = function(){console.log(this.name);}}//8 原型/原型链的概念和new 一起认知即可。 【在下面person2.__proto__后面一个注释中也有说】Person.prototype.sayAge = function() {console.log(this.age);};// 创建 对象(此对象创建出来后用person1来指向它,创建完后它是Person类的实例) 的方法1://[teacher: 此知识点基于堆区和栈区的概念。 new Person表达式是在堆区创建出一个Person类的实例,// 实例的意思还需要跟学生强调一下(某个类的实例就是属于某个类的对象,比喻人类和个体人);// 创建完成后执行赋值person1 =, 这是把刚才创建的对象的地址(基于引用类型的地址概念)赋值给变量,// 变量存的只是个地址]var person1 = new Person('gaos',23);person1.sayName();person1.sayAge();console.log( Person === Person.prototype.constructor );//trueconsole.log( person1 instanceof Person);//trueconsole.log( person1.constructor === Person );//true// 创建对象方法2: new 的操作相当于以下三步var person2={}; //初始化一个对象person2。//以下说的原型就是原型对象,平常习惯把对象省略,称其为原型。 它本质上是个对象console.dir(person2); //Object; 本来person2的原型是 Objectperson2.__proto__ = Person.prototype; //把person2的原型指向Person的原型上.  复习想想引用类型的赋值是怎么回事(别名,地址。指针指向)/*** 注:初学者不知道这个是啥:__proto__。 这个就是原型链的概念:* 对象找属性的时候先在自己的内部找,比如如果 person2={ name:1},那么 person2.name 就先找到{}里的name, 找不到怎么办?* 就通过原型链上找,原型链就是这个__proto__属性。* 上面那个如果是找 sayAge (person2.sayAge)就能在原型链对象(__proto__指向的那个对象) 中找到了。** 原型的概念:* js中每个函数(当作类)都有原型,如 Person.prototype 表示 Person的原型。*/Person.call(person2,'gaos',23); //构造person2,也可以称之为初始化person2。 复习call的用法,函数.call 会把函数里的上下文(this)指向call传入的第一个参数指定的对象。person2.sayName();person2.sayAge();console.log( Person === Person.prototype.constructor );//trueconsole.log( person2 instanceof Person);//trueconsole.log( person2.constructor === Person );//true
</script>

 

这篇关于js的new运算符做了哪些事情(0基础知识精细分解系列)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/466746

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

linux-基础知识3

打包和压缩 zip 安装zip软件包 yum -y install zip unzip 压缩打包命令: zip -q -r -d -u 压缩包文件名 目录和文件名列表 -q:不显示命令执行过程-r:递归处理,打包各级子目录和文件-u:把文件增加/替换到压缩包中-d:从压缩包中删除指定的文件 解压:unzip 压缩包名 打包文件 把压缩包从服务器下载到本地 把压缩包上传到服务器(zip

计组基础知识

操作系统的特征 并发共享虚拟异步 操作系统的功能 1、资源分配,资源回收硬件资源 CPU、内存、硬盘、I/O设备。2、为应⽤程序提供服务操作系统将硬件资源的操作封装起来,提供相对统⼀的接⼝(系统调⽤)供开发者调⽤。3、管理应⽤程序即控制进程的⽣命周期:进程开始时的环境配置和资源分配、进程结束后的资源回收、进程调度等。4、操作系统内核的功能(1)进程调度能⼒: 管理进程、线

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

科研绘图系列:R语言扩展物种堆积图(Extended Stacked Barplot)

介绍 R语言的扩展物种堆积图是一种数据可视化工具,它不仅展示了物种的堆积结果,还整合了不同样本分组之间的差异性分析结果。这种图形表示方法能够直观地比较不同物种在各个分组中的显著性差异,为研究者提供了一种有效的数据解读方式。 加载R包 knitr::opts_chunk$set(warning = F, message = F)library(tidyverse)library(phyl

【生成模型系列(初级)】嵌入(Embedding)方程——自然语言处理的数学灵魂【通俗理解】

【通俗理解】嵌入(Embedding)方程——自然语言处理的数学灵魂 关键词提炼 #嵌入方程 #自然语言处理 #词向量 #机器学习 #神经网络 #向量空间模型 #Siri #Google翻译 #AlexNet 第一节:嵌入方程的类比与核心概念【尽可能通俗】 嵌入方程可以被看作是自然语言处理中的“翻译机”,它将文本中的单词或短语转换成计算机能够理解的数学形式,即向量。 正如翻译机将一种语言

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

flume系列之:查看flume系统日志、查看统计flume日志类型、查看flume日志

遍历指定目录下多个文件查找指定内容 服务器系统日志会记录flume相关日志 cat /var/log/messages |grep -i oom 查找系统日志中关于flume的指定日志 import osdef search_string_in_files(directory, search_string):count = 0

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏