js对象实例化的常见三种方式

最新推荐文章于 2023-02-03 20:24:40 发布
最新推荐文章于 2023-02-03 20:24:40 发布
阅读量1.6w 收藏 21
点赞数 7
分类专栏： javascript javascript知识点 文章标签： javascript 对象 函数 工厂模式 实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/theowl/article/details/47361175
版权

三种常见模式：工厂模式，构造函数模式，原型模式

<span style="font-size:18px;"><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Object</title>
</head>
<body>
<h1>创建对象常见的三种方式</h1>
</body>
<script>
    window.οnlοad=function(){
        //工厂模式
        function oj(){
            var lio=new Object();
            lio.name='lio';
            lio.attr='男';
            lio.hobby=function(){
                var li=document.createElement("p");
                var txt=document.createTextNode("三妹");
                li.appendChild(txt);
                document.body.appendChild(li);
            };
            return lio;
        }
        var person=oj();
        //alert(person.name);

        //构造函数模式
        function oj2(name,age){
            this.name=name;
            this.age=age;
            this.hobby=function(){
                var li=document.createElement("p");
                var txt=document.createTextNode("三妹");
                li.appendChild(txt);
                document.body.appendChild(li);
            }
        }
        var person2=new oj2('三妹',123);
        person2.hobby();
        alert(person2.name);

        //原型模式
        function oj3(){
            //this.name='lio';
        }
        oj3.prototype.name='lio';
        oj3.prototype.love= function (name) {
            alert("爱"+name);
        };
        var person3=new oj3();
        //检测是在实例中还是在原型中
        alert(person3.hasOwnProperty("name"));
        alert(person3.hasOwnProperty("rename"));
        person3.love('三妹');

        //混合模式
        function oj4(age) {
            this.age=age;
            this.rename='aaaa';
        };
        oj4.prototype={
            constructor:oj4,
            name:'lio',
            age:123,
            love: function (name) {
                alert(name+"爱三妹");
            }
        };
        var person4=new oj4(18);
        alert(person4.hasOwnProperty("age"));//true
        person4.love('lio');

    }
</script>
</html></span>

theowl
关注
  • 7
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【JavaScript源代码】nodejs获取表单数据的三种方法实例.docx
12-29
nodejs获取表单数据的三种方法实例 　　nodejs作为服务端语言，在开发中注册登录等需通过form表单向后端发送数据进行判断，那作为服务端语言的nodejs通过哪些方法可以接收调用form表单的post请求值呢。　　常见的会用到以下三种，让我们对着例子看看具体用法。　　后端我们使用express插件，需要对express有所了解的才便于阅读哦~　　1、首先npm初始化，下载express包，导入模块后创建服务对象　　//导入express模块　　const express = require("express");　　// 创建服务器对象　　const app = express();　
javascript中几种实例化方式的对比
qq_34415621的博客
03-15 1765
javascript中几种实例化方式的对比实例化的几种方式 实例化的几种方式 许多前端程序员对于js中的类其实都是比较懵逼的，因为业务开发中几乎不需要用到，但是当你读一些库的源码时，又是绕不过去的。 新旧语法，各种奇奇怪怪的关于类的方法一大堆，看看相关帖子，越看越是摸不着头绪。 下面把几种常见方式放在一起，做个比较。 // 最经典的实例化方式,大家都知道 function Foo(name) { this.name = name return 1 //不使用new调用时的返回值 } Foo.prototy
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
12-01
本文实例讲述了JS常见创建类的方法。分享给大家供大家参考，具体如下： Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有Class。（不过，ES6引入了Class这个概念，作为对象的模板。通过class关键字，可以定义类。ES6入门：http://es6.ruanyifeng.com/）。 但是在项目开发中，经常用到JS面向对象开发，这就需要我们去用JS创建类，从而去实例化一些对象。接下来我们介绍一下在JS中创建类的几种方式： 1.工厂方式： //通过工厂方式创建对象，先定义一个工厂方法 functi
javascript 内置对象及常见API详细介绍
01-21
一、 类与对象    在 JavaScript世界里，关于面向对象第一个要澄清的概念就是类。对象都是由类来定义的，通过类来创建对象就是我们所熟悉的实例化。然而，在 JavaScript中别没有真正的类，对象的定义就是对象自身。而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂。为了方便理解，我通常把这个发挥类的作用的调和剂称为类。    Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码。 decodeURIC
JavaScript常见JSON操作实例分析
12-12
本文实例讲述了JavaScript常见JSON操作。分享给大家供大家参考，具体如下： 1、JSON JSON，JavaScript Object Notation)(JavaScript对象表示法) ，是存储和交换文本信息的语法，是基于JavaScript的一个子集。数据格式简单，易于读写，占用带宽小，类似 XML，但JSON 比 XML更小、更快，更易解析。 JSON不支持变量、函数、对象实例，只是一种数据的格式。数据在键值对中，数据由逗号分隔。 2、JSON数据类型 (1)简单数据类型：字符串、数值、布尔值，null（不支持JavaScript的 undefined）。 (2)对象：无序的
JS实例化对象详解
weixin_51828648的博客
02-03 1211
在程序语言中，“类”具有很多的方法，和属性，但是由于“类”是一个抽象的概念，没有办法直接使用其中的方法和属性，只有把这个“类”实例化成一个具体的“实例对象”才能够调用属于“类”的方法和属性，“实例对象”具有"类"的所有属性和方法，将抽象的概念具体到一个个体中，才能够更好的使用。比如：同属于“人类”的你，就是人类中一个具体的对象，你无法指挥“人类”去写代码，因为它只是一个概念，但是你可以写代码，因为你是“人类“中的一个具体实例，你不是概念化的是实体化的。从类具体到实例化对象，从抽象到具体的过程就称为实例化。
js创建对象的几种常用方式
非淡泊无以明志 非宁静无以致远
06-23 522
最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看） 第一种模式：工厂方式 var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); ...
前端常见面试题：Js怎么实现一个类，怎么实例化这个类
lucky_girl_girl的博客
02-10 3825
Js怎么实现一个类，怎么实例化这个类 1.functin demo(x){alert(x)}。 2.js是一门弱类型语言，与c++和java语言不通，并没有强调类。实际应用中用function实现它的内容。 function People () { this.name = “Yorhom”; this.getName = function () { return this.name }; ...
DOM节点操作
weixin_67642008的博客
06-28 119
节点的增删改查操作
JavaScript 复制对象与Object.assign方法无法实现深复制
12-12
在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6 新增），而复杂数据类型包括Object，而所有其他引用类型（Array、Date、RegExp、Function、基本包装类型（Boolean、String、Number）、Math等）都是Object类型的实例对象，因此都可以继承Object原型对象的一些属性和方法。 而对于基本数据类型来说，复制一个变量值，本质上就是copy了这个变量。一个变量值的修改，不会影响到另外一个变量。看一个简单的例子。 le
JavaScript对象创建模式实例汇总
10-21
主要介绍了JavaScript对象创建模式,结合实例形式总结分析了JavaScript常见的对象创建模式,包括工厂模式、构造函数模式、原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式等,需要的朋友可以参考下
JavaScript 创建对象的常见三种方式
汉南最後の読書人
09-29 402
代码： 我的个人网站 /* 第一种创建对象的方式:使用new关键字调用构造器创建对象 function student(name,age){ this.name=name; this.age=age; student.gender="male"; this.info=function(){ document.w
JavaScript数组常用的实例方法
前端开发小白9527
04-21 296
1 concat() 连接两个或更多的数组，并返回结果 let arr = [1,2,3] let arr2 = [4,5,6] let arr3 = [7,8,9] arr.concat(arr2,arr3) console.log(arr) // [1,2,3,4,5,6,7,8,9] 2 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 参数可选，指定要使用的分隔符 let arr = new Array(3) arr[0] =......
JavaScript如何实现一个类，怎么实例化这个类
php_martin的博客
08-03 299
JavaScript如何实现一个类，怎么实例化这个类
JavaScript 对象实例化
man_zuo的博客
05-02 1万+
参考资料：《JavaScript入门经典》利用内置对象创建直接实例JavaScript有一个内置对象Object，利用它可以创建一个空白的对象。aObject = new Object();添加属性这样，我们就创建了没有任何属性和方法的空白对象。现在我们可以用以下方法为对象添加属性：aObject.info = "I am a obeject";现在，我们成功为aObject对象添加了一个名为in...
对象实例化的方法
weixin_45172119的博客
01-22 511
本人在学习Javascript的过程中，发现在实例化对象上，有着多种方式，通过网络收集，归总以下常用的五种方法，如果错误，请大神指出。 转载文章见：https://www.cnblogs.com/iflygofy/p/11435479.html 1.Object构造函数模式 套路: 先创建空Object对象, 再动态添加属性/方法 适用场景: 起始时不确定对象内部数据 问题: 语句太多 &lt...
JS基础之JS的闭包、构造函数和实例化对象、原型对象和原型
weixin_53350466的博客
01-06 837
一、JS的闭包 #### 1、定义 闭包是指有权访问另一个函数作用域中的变量的一个函数。简单的说，你可以认为闭包是一个特别的函数，他能够读取其他函数内部变量的函数。 #### 2、作用 正常的函数，在执行完之后，函数里面声明的变量就会被垃圾回收处理掉。但是闭包可以让一个函数作用域中的变量，在执行完之后依旧没有被垃圾回收处理掉。 #### 3、缺点 内存泄漏导致变量无法被释放 栗子： ```html function fn2() { const c = 3 ;
HTTP中header的信息讲解以及设置
热门推荐
theowl的专栏
08-03 6万+
HTTP消息中header头部信息的讲解 本文导读：HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。这两种类型的消息由一个起始行，一个或者多个头域，一个只是头域结束的空行和可选的消息体组成。HTTP的头域包括通用头，请求头，响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成 HTTP Request的Header信息 1、HTTP请求方
javescript实例化对象
最新发布
04-29
JavaScript中实例化对象有多种方法，其中最常见的是使用构造函数和使用类。 1. 使用构造函数 构造函数是一个普通的函数，通过使用new关键字来创建一个对象实例。例如： ```javascript function Person(name, age)...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值