JavaScript系列从入门到精通系列第二十篇:使用工厂方法创建JavaScript对象,JavaScript构造函数详解,JavaScript类概念的介绍

文章目录

一:使用工厂方法创建对象

1:原始写法

2:工厂方式

3:结果验证 

二:构造函数

1:什么是构造函数

2:构造函数和普通函数的区别

3:构造函数的执行流程

三:类

1:什么是类

2:如何检查一个对象是否是个类的实例

3:Object的地位

四:构造函数修改

1:重大问题

2:如何改造


一:使用工厂方法创建对象

1:原始写法

var obj = {name: "孙悟空",age:18,gender:"男"sayName:function (){alert(this.name)}
}obj.sayName();//孙悟空var obj2 = {name: "猪八戒",age:18,gender:"男"sayName:function (){alert(this.name)}
}var obj2 = {name: "沙和尚",age:18,gender:"男"sayName:function (){alert(this.name)}
}

        这种频繁创建对象没有问题,但是太繁琐了。我们可以使用工厂方式创建对象。

2:工厂方式

//使用工厂方法创建对象
function createPerson(name,age,gender){//创建一个对象var obj = new Object();obj.name = name;obj.age = age;obj.gender = gender;obj.sayName  = function(){alert(this.name);}return obj;
}var obj = createPersion('孙悟空',19,'男');
console.log(obj.sayName());

3:结果验证 

        使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object的类型。 这就导致我们无法区分多种不同类型的对象。

二:构造函数

1:什么是构造函数

        我们创建狗对象和人对象,都是通过new Object()创建的对象。现在我们想区分一下类型。就比如,我们特别想new Person()这样的构造函数,或者new Dog()这样的构造函数,但是事实证明这样一运行就报错了。Person is  not defined

2:构造函数和普通函数的区别

        这里边我们就可以创建一个构造函数,专门创建一个Person对象。构造函数就是一个普通函数。创建方式和普通方式没有区别,但是构造函数习惯上首字母大写。

        构造函数和普通函数的区别就是调用方式不同,普通函数是直接调用,而构造函数需要使用new关键字进行调用。

function Person(){
}var per = new Person();

        调用时候,加new是构造函数的调用方式。不加new是普通函数的执行流程

3:构造函数的执行流程

function Person(name,age,gender){this.name = name;this.age = age;this.gender = gender;
}var per = new Person("孙悟空",18,'男');console.log(per);

1: 调用构造函数立刻创建一个对象

2:将新建的对象设置为函数中的this,在构造函数中,可以使用this来引用新创建的对象。

3:逐行执行函数中的代码

4:将对象作为返回值进行返回,这就是构造函数神奇的地方,没有返回语句,却可以返回创建对象。

三:类

1:什么是类

         什么是类?构造函数就是类。

2:如何检查一个对象是否是个类的实例

function Person(name,age,gender){this.name = name;this.age = age;this.gender = gender;
}var per = new Person("孙悟空",18,'男');console.log(per);console.log(per instanceof Person)

结果验证: 

3:Object的地位

        所以的对象都是Object的后代,所以所有对象instanceof Object都是true。

四:构造函数修改

1:重大问题

//使用工厂方法创建对象
function createPerson(name,age,gender){//创建一个对象var obj = new Object();obj.name = name;obj.age = age;obj.gender = gender;obj.sayName  = function(){alert(this.name);}return obj;
}var obj = createPersion('孙悟空',19,'男');
var obj1 = createPersion('孙悟空',19,'男');
var obj2 = createPersion('孙悟空',19,'男');

        obj与obj1与obj2之间的三个对象之间都有这个sayName函数对象,并且地址不相等。

2:如何改造

        将sayName方法在全局作用域中进行定义。

function fun (){alert(this.name);}
//使用工厂方法创建对象
function createPerson(name,age,gender){//创建一个对象var obj = new Object();obj.name = name;obj.age = age;obj.gender = gender;obj.sayName  = fun;return obj;
}var obj = createPersion('孙悟空',19,'男');
var obj1 = createPersion('孙悟空',19,'男');
var obj2 = createPersion('孙悟空',19,'男');

        这样构造函数执行一万次,最终的函数对象都只有一个。

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机网络中的CSMA/CD算法的操作流程(《自顶向下》里的提炼总结)

具有碰撞检测的载波侦听多路访问(CSMA/CD算法) 以下内容总结,对应《计算机网络自顶向下第七版》第六章链路层和局域网P299 操作流程: NIC(适配器,即网络接口)从网络层接收数据报,…

pycharm远程连接miniconda完整过程,以及遇到的问题解决

问题1:no-zero exit code(126) env: ‘/home/user2/miniconda3/envs/ihan/bin/python3’: Too many levels of symbolic links Python interpreter process exited with a non-zero exit code 126 因为选择的新建导致太多软连接,先在服务器上建好虚拟环…

【yolov8系列】yolov8的目标检测、实例分割、关节点估计的原理解析

1 YOLO时间线 这里简单列下yolo的发展时间线,对每个版本的提出有个时间概念。 2 yolov8 的简介 工程链接:https://github.com/ultralytics/ultralytics 2.1 yolov8的特点 采用了anchor free方式,去除了先验设置可能不佳带来的影响借鉴Genera…

液压自动化成套设备比例阀放大器

液压电气成套设备的比例阀放大器是一种电子控制设备,用于控制液压动力系统中的液压比例阀1。 比例阀放大器通常采用电子信号进行控制,以控制比例阀的开度和流量,以实现液压系统的可靠控制。比例阀放大器主要由以下组成部分: 驱动…

Ps:变形

Ps菜单:编辑/变换/变形 Edit/Transform/Warp 变形 Warp是自由变换的一种模式,不仅可以用于物体的伸缩扭曲,也可用于人体的局部塑形。 除了从菜单打开,通常情况下,按 Ctrl T 进入自由变换,然后在画面上右击…

专题三:穷举、暴搜、深搜、回溯、剪枝【递归、搜索、回溯】

1、全排列 class Solution { public:vector<vector<int>> ret;vector<int> path;bool check[7];void dfs(vector<int>& nums){if(nums.size() path.size()) {ret.push_back(path);return;}for(int i 0;i < nums.size();i){if(check[i] fals…

Android查看签名信息系列 · 使用Android Studio获取签名

前言 Android查看签名信息系列 之使用Android Studio获取签名&#xff0c;通过Android Studio自带的gradle来获取签名信息。 优点&#xff1a;此法可查看 MD5、SHA1 等信息。 缺点&#xff1a;升级某个Studio版本后&#xff0c;没有签名任务了&#xff0c;特别不方便。 实现…

VulnHub lazysysadmin

一、信息收集 1.nmap扫描开发端口 开放了&#xff1a;22、80、445 访问80端口&#xff0c;没有发现什么有价值的信息 2.扫描共享文件 enum4linux--扫描共享文件 使用&#xff1a; enum4linux 192.168.103.182windows访问共享文件 \\192.168.103.182\文件夹名称信息收集&…

以烟草行业为例,聊聊如何基于 PLC + OPC + TDengine,快速搭建工业生产监测系统

在烟草工业场景里&#xff0c;多数设备的自动控制都是通过 PLC 可编程逻辑控制器来实现的&#xff0c;PLC 再将采集的数据汇聚至 OPC 服务器。传统的 PI System、实时数据库、组态软件等与 OPC 相连&#xff0c;提供分析、可视化、报警等功能&#xff0c;这类系统存在一些问题&…

Compose 实战之为下拉刷新添加自定义指示器

前言 在安卓开发中&#xff0c;下拉刷新是一个非常常用的功能&#xff0c;几乎只要是涉及到列表展示数据的界面都会用到它。 而 Compose 却直到 2022年10月份才在 compose.material:1.3.0 中添加了对下拉刷新的支持&#xff1a;Modifier.pullRefresh 。 在此之前&#xff0c…

RTSP协议

1 前言 RTSP协议作为音视频实时监控一个非常重要的协议&#xff0c;具有非常广泛的应用。RTSP由RFC 2326规范化&#xff0c;它允许客户端通过请求不同的媒体资源来控制流媒体服务器。RTSP是一种应用层协议&#xff0c;通常基于TCP连接&#xff0c;用于建立和控制媒体会话。这使…

pyqt5-tools的安装(深度学习)

本篇主要解决上篇深度学习pyqt安装失败的问题 PyQt是一个创建GUI应用程序的工具包。它是Python编程语言和Qt库的成功融合。Qt库是最强大的库之一。PyQt是由Phil Thompson 开发。在使用labelimg对图片做标签时&#xff0c;需要用到pyqt5-tools工具&#xff0c;尝试以下下载方式&…

10数据库-基础

四、数据库 15、MySQL 数据库优化 SQL优化 mysql优化 一、避免不走索引的场景尽量避免在字段开头模糊查询&#xff0c;会导致数据库引擎放弃索引进行全表扫描。尽量避免使用not in&#xff0c;会导致引擎走全表扫描。尽量避免使用 or&#xff0c;会导致数据库引擎放弃索引进行…

YUV图片常见格式

YUV图像 1个亮度量Y2个色度量(UV) 兼容黑白电视 可以通过降低色度的采样率而不会对图像质量影响太大的操作&#xff0c;降低视频传输带宽 有很多格式&#xff0c;所以渲染的时候一定要写对&#xff0c;不然会有很多问题&#xff0c;比如花屏、绿屏 打包格式 一个像素点一…

77.每日一练:迭代器遍历容器(牛客)

目录 问题描述&#xff1a; 代码解决以及思想 知识点 问题描述&#xff1a; 代码解决以及思想 #include <iostream> // write your code here...... #include <vector>using namespace std;int main() {// write your code here......vector<int> v;for (…

怎么使用动态代理IP提升网络安全,动态代理IP有哪些好处呢

随着互联网的普及和数字化时代的到来&#xff0c;网络安全问题越来越受到人们的关注。动态代理IP作为网络安全中的一种技术手段&#xff0c;被越来越多的人所采用。本文将介绍动态代理IP的概念、优势以及如何应用它来提升网络安全。 一、动态代理IP的概念 动态代理IP是指使用代…

六、DHCP实验

拓扑图&#xff1a; DHCP协议&#xff0c;给定一个ip范围使其自动给终端分配IP&#xff0c;提高了IP分配的效率 首先对PC设备选择DHCP分配ip 首先先对路由器的下端配置网关的ip 创建地址池&#xff0c;通过globle的方式实现DHCP ip pool 地址池名称 之后设置地址池的网关地址…

【马蹄集】—— 概率论专题

概率论专题 目录 MT2226 抽奖概率MT2227 饿饿&#xff01;饭饭&#xff01;MT2228 甜甜花的研究MT2229 赌石MT2230 square MT2226 抽奖概率 难度&#xff1a;黄金    时间限制&#xff1a;1秒    占用内存&#xff1a;128M 题目描述 小码哥正在进行抽奖&#xff0c;箱子里有…

抓包工具charles修改请求和返回数据

数据篡改的主要使用场景&#xff1a; &#xff08;1&#xff09;mock场景&#xff0c;mock入参和返回值参数&#xff0c;实现mock测试 &#xff08;2&#xff09;安全测试&#xff0c;对于支付金额等比较重要的字段&#xff0c;可以修改请求参数来进行安全测试 1.首先选择要…

信息系统项目管理师第四版学习笔记——组织通用治理

组织战略 组织战略是组织高质量发展的总体谋略&#xff0c;是组织相关干系方就其发展达成一致认识的重要基础。组织战略是指组织针对其发展进行的全局性、长远性、纲领性目标的策划和选择。 战略目标是组织在一定的战略期内总体发展的总水平和总任务。它决定了组织在该战略期…