前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >【说站】javascript new调用构造函数

【说站】javascript new调用构造函数

作者头像
很酷的站长
发布于 2022-11-24 09:10:56
发布于 2022-11-24 09:10:56
76400
代码可运行
举报
运行总次数:0
代码可运行

javascript new调用构造函数

1、内存中创建新的对象。

2、新对象的prototype特性被赋值为构造函数的属性。

3、this指向构造函数新对象。

4、执行构造函数的代码。

为新对象添加属性。

5、构造函数没有返回对象,则返回新对象。

实例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/除了声明函数也可以写成表达式
//Let Person=function (name,age){
  function Person(name,age){
    //let o=new Object();
    this.name=name;
    this.age=age;
    this.sayName=function(){
        console.log(this.name);
    };
    //return o;
}
Person.prototype=[];
let p1=new Person("Greg",27);
console.log(Person.prototype);
console.log(p1.prototype);
console.log(p1);

以上就是JavaScript new调用构造函数的方法,希望对大家有所帮助。更多Javascript学习指路:Javascript

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
设计模式(3)[JS版]-JavaScript中的构造函数模式是什么?
构造函数用于创建特定类型的对象一不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概,但是有特殊的构造函数。通过new关键字来调用自定义的构造函数,在构造函数内部,this关键字引用的是新创建的对象。
AlbertYang
2020/09/08
1.1K0
javaScript 的面向对象程序
数据属性(数据属性包含一个数据值的位置,这个位置可以读取和写入值,数据属性有4描述)
用户1197315
2019/12/30
1.1K0
深入理解JavaScript面向对象的程序设计(一)——对象的创建
类似Java等面向对象语言中创建对象的语法,在 JavaScript中可以通过执行 new操作符后跟要创建的对象类型的名称来创建。JavaScript中通过如下方式可以创建一个Object对象:
CherishTheYouth
2020/11/12
4340
深入理解JavaScript面向对象的程序设计(一)——对象的创建
JavaScript面向对象程序设计—创建对象的模式
JS本身为我们提供了Array、Date、Math等不少对象(见《浅析JavaScript的对象系统》),但在实际开发中我们使用最多的还是自定义对象。自定义对象是一门值得研究的学问。往浅了讲,它关系到代码量、封装性、代码是否优雅;往深了讲,它又涉及到内存开销、设计模式乃至JavaScript语言的核心。下面就一起循序渐进地看看如何更好地创建一个对象。 1. 基本模式 ---- var person = new Object(); //或 var person = {};person.name = "
用户1667431
2018/04/18
9260
【说站】JavaScript构造函数的优缺点
2、缺点为如果实例之间有相同的方法,这个方法会在每个实例上创建一遍,这样显然会造成系统资源的浪费。
很酷的站长
2022/11/24
4560
【说站】JavaScript构造函数的优缺点
JavaScript 高级程序设计(第 4 版)- 对象、类与面向对象编程
通过字面量来重写原型时,Person.prototype被设置为等于一个通过对象字面量创建的新对象,此时Person.prototype的constructor属性就不指向Person了
Cellinlab
2023/05/17
6390
JavaScript 高级程序设计(第 4 版)- 对象、类与面向对象编程
工厂函数和构造函数
工厂模式是一种设计模式,说白了就是一种简单的函数,这个函数可以创建对象,为它添加属性和方法,然后返回这个对象。就像一个工厂一样,可以批量制作某种类型的对象。这种设计模式是就是为了降低代码冗余。
大熊G
2022/11/14
7410
深入理解javascript对象
对象被定义为一组属性的无序集合,对象就是一组没有特定顺序的值。对象的每个value值都由一个key来标识,一个key映射一个value值。
javascript艺术
2022/11/22
3820
【说站】javascript创建对象的方法
1、构造函数模式,没有显示创建对象,直接将属性方法赋给this,没有return语句。
很酷的站长
2022/11/24
4490
【说站】javascript创建对象的方法
详解js原型,构造函数以及class之间的原型关系
含义: 是一个函数的属性,这个属性是一个指针,指向一个对象 作用: 构造函数调用 访问该构造函数所关联的原型对象
念念不忘
2019/03/29
1.7K0
详解js原型,构造函数以及class之间的原型关系
前端基础-JavaScript构造函数
JavaScript 语言使用构造函数作为对象的模板。 所谓 ”构造函数”,就是一个普通的函数,只不过我们专门用它来生成对象(new 构造函数),这样使用的函数,就是构造函数;
cwl_java
2020/03/26
5700
js程序设计03——面向对象
ECMAScript中有2中属性:数据属性、访问器属性。 数据属性是为了指定某对象的指定key上的一些行为,比如value是否可删除、修改、key可循环遍历等特点。而访问器属性不包含数据值,包含一堆g
用户1141560
2017/12/26
1.1K0
js程序设计03——面向对象
JavaScript 进阶教程(1)--面向对象编程
一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。
AlbertYang
2020/09/08
5170
JavaScript 进阶教程(1)--面向对象编程
深入学习 JavaScript——面向对象
几乎所有面向对象的语言都有一个标志,那就是类,通过类创建具有相同属性和方法的对象。而 ECMAScript 中没有类的概念,它把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数”。即对象是一组没有特定顺序的值,对象的每个属性或方法都有一个名字,而这个名字都映射到一个值。因此对象的本质是一个散列表。
李振
2021/11/26
1980
JavaScript中创建对象的多种方式和优缺点
要创建 Person 的实例,需使用 new 操作符。用 new 操作符创建实例大约会执行一下几个步骤:
andyhu
2023/06/10
2640
重读《JavaScript高级程序设计》
ECMAScript 函数不能像传统意义上那样实现重载。而在其他语言(如Java)中,可以为一个函数编写两个定义,只要这两个定义的签名(接受的参数类型和数量)不同即可[p66]。ECMAScript的类型是松散形的,没有签名,所以是没有重载的。
Jimmy_is_jimmy
2019/07/31
1.1K0
深入学习 JavaScript——理解原型
在 JavaScript 中,只要创建了新函数,都会根据一组特定的规则为该函数创建一个 prototype 属性,这个属性指向函数的原型对象。默认情况下,所有原型对象都会自动获取一个 constructor(构造函数)属性,这个属性包含一个指向 prototype 属性所在函数的指针。比如:
李振
2021/11/26
1910
深入学习 JavaScript——理解原型
JavaScript创建对象的7种模式
1)工厂模式 这种模式抽象了创建具体对象的过程 考虑到在 ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节 function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o;}var person1 = creat
用户1667431
2018/04/18
7860
JavaScript创建对象的7种模式
面向对象的程序设计
ECMA-262把对象定义为:”无序属性的集合,其属性可以包含基本值、对象或者函数。”
奋飛
2019/08/15
4310
javascript构造函数
我们昨天前几天讨论过构造函数constructor,得出了结论 constructor是原型对象上的一个属性,默认指向这个原型的构造函数 这个结论貌似对我们平时的工作中似乎并没有什么用处,那构造函数,就真的没什么用处吗?
陌上寒
2019/04/02
1K0
javascript构造函数
相关推荐
设计模式(3)[JS版]-JavaScript中的构造函数模式是什么?
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验