js对象实例化方式

最新推荐文章于 2023-02-03 20:24:40 发布
最新推荐文章于 2023-02-03 20:24:40 发布
阅读量156 收藏
点赞数
原文链接：http://www.cnblogs.com/fengyouqi/p/9555420.html
版权 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Object</title>
</head>
<body>
<h1>创建对象常见的三种方式</h1>
</body>
<script>
    window.onload=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>

来源：https://blog.csdn.net/theowl/article/details/47361175

转载于:https://www.cnblogs.com/fengyouqi/p/9555420.html

weixin_34234829
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈javascript构造函数与实例化对象
10-24
JavaScript 中的构造函数和其它语言中的构造函数是不同的。通过 new 关键字方式调用的函数都被认为是构造函数。任何JavaScript 函数都可以用做构造函数，构造函数必须使用new 运算符作为前缀来创建新的实例。
js实例化一个对象过程
最新发布
kalinux的博客
05-28 984
实例化一个对象的过程发生了什么？
js的实例化方式
Amouzy的博客
07-25 845
js的实例化的几种模式：构造函数模式，工厂模式，原型模式，混合模式
JS实例化对象详解
weixin_51828648的博客
02-03 1346
在程序语言中，“类”具有很多的方法，和属性，但是由于“类”是一个抽象的概念，没有办法直接使用其中的方法和属性，只有把这个“类”实例化成一个具体的“实例对象”才能够调用属于“类”的方法和属性，“实例对象”具有"类"的所有属性和方法，将抽象的概念具体到一个个体中，才能够更好的使用。比如：同属于“人类”的你，就是人类中一个具体的对象，你无法指挥“人类”去写代码，因为它只是一个概念，但是你可以写代码，因为你是“人类“中的一个具体实例，你不是概念化的是实体化的。从类具体到实例化对象，从抽象到具体的过程就称为实例化。
js对象实例化的常见三种方式
热门推荐
theowl的专栏
08-08 1万+
三种常见模式：工厂模式，构造函数模式，原型模式 Object 创建对象常见的三种方式 window.onload=function(){ //工厂模式 function oj(){ var lio=new Object(); lio.name='lio';
JavaScript 对象实例化
man_zuo的博客
05-02 1万+
参考资料：《JavaScript入门经典》利用内置对象创建直接实例JavaScript有一个内置对象Object，利用它可以创建一个空白的对象。aObject = new Object();添加属性这样，我们就创建了没有任何属性和方法的空白对象。现在我们可以用以下方法为对象添加属性：aObject.info = "I am a obeject";现在，我们成功为aObject对象添加了一个名为in...
php学习笔记 类的声明与对象实例化
10-28
- 类成员属性一般不在声明时直接赋予初值，而是在对象实例化之后通过方法进行赋值。 - 利用构造函数和析构函数来控制对象的创建和销毁过程。 - 遵循面向对象编程的原则，如封装、继承和多态性。 通过本篇笔记的学习...
Javascript代码实现仿实例化类
10-24
总而言之，JavaScript仿实例化是一种实现类功能的有效方式，它不依赖于原型继承或ES6的class关键字，而是通过全局对象和函数组合来模拟类的行为。该模式在实际开发中能提供极大的灵活性和扩展性，但在使用时也需要...
javascript中使用new与不使用实例化对象的区别
01-19
请问这以下两种实例化对象方式有什么区别呢？ var mefun1 = new Me('fei','20','it'); var mefun2 = Me('fei','20','it'); 简单的说 第一种是构造函数式，即通过new运算符调用构造函数Function来创建函数 第二种...
JavaScript类继承及实例化的方法
10-23
在JavaScript中，并没有传统意义上类的定义，而是通过函数或者对象来模拟类的行为，这使得JavaScript的继承和实例化机制与其他面向对象语言有所不同。 JavaScript中的类继承主要通过以下两种方式实现： 1. 原型...
js创建对象的几种常用方式
非淡泊无以明志 非宁静无以致远
06-23 533
最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看） 第一种模式：工厂方式 var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); ...
js中实例化对象的两种方法。
wulong710的专栏
06-12 1493
一种实例化对象的方法就是 Object.create 第二种是function let Item = { x: -1, y: -1, toString: function () { return pos2str(this.y, this.x); } } let obj1 = Object.create(Item); obj1.x = 13; obj1.y = 38; let obj2 = Object.create(Item); obj2.x =
js中new实例化对象内部过程
qq_42535651的博客
12-01 3249
function Person () { this.name = name; this.age = age; this.job = job; this.sayName = function () { return this.name; }; } var person = new Person("tom", 21, "WEB"); ...
javascript中几种实例化方式的对比
qq_34415621的博客
03-15 1792
javascript中几种实例化方式的对比实例化的几种方式 实例化的几种方式 许多前端程序员对于js中的类其实都是比较懵逼的，因为业务开发中几乎不需要用到，但是当你读一些库的源码时，又是绕不过去的。 新旧语法，各种奇奇怪怪的关于类的方法一大堆，看看相关帖子，越看越是摸不着头绪。 下面把几种常见方式放在一起，做个比较。 // 最经典的实例化方式,大家都知道 function Foo(name) { this.name = name return 1 //不使用new调用时的返回值 } Foo.prototy
js静态方法与实例化方法
愿见世间如清水
10-15 905
var Obj = function(){ this.get = function(){ alert('实例化方法'); } }; Obj.hello = function(){ alert('静态方法'); }; Obj.prototype.sayhello = function(){   alert('实例化方法'); } window.onload = functi
JavaScript new 实例对象的过程
Lhy_JL的博客
04-27 395
一、new 实例化对象 构造函数 跟 函数 没有什么形式区别，为了代码规范，构造函数名首字母会大写。 //构造函数 function Foo(){ } //实例对象 new Foo(); //普通函数 function running(){ } 构造函数 可以用 new 实例对象， 1.1、new 实例对象过程 首先，创建了一个新对象，如：var foo = {} 然后，新对象的 _ proto _ 属性指向构造函数的原型对象prototype 将构造函数的作用域赋值给新对象（也就是this对
js 函数常见的三种实例化方式
weixin_34409741的博客
05-22 410
1 //工厂模式 2 function oj(){ 3 var lio=new Object(); //创建对象，对象属性赋值 4 lio.name='lio'; 5 lio.attr='男'; 6 lio.hobby=function(){ ...
JavaScript对象进阶：实例化与类型
新建对象实例的方式主要有以下几种： 1. 创建Object实例：`var obj1 = new Object();` 2. 创建Array实例：`var arr1 = new Array();` 3. 创建Date实例：`var date1 = new Date();` 4. 创建RegExp实例：`var text = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值