js之构造函数

最新推荐文章于 2024-09-16 16:54:46 发布
最新推荐文章于 2024-09-16 16:54:46 发布
阅读量299 收藏 2
点赞数
分类专栏： web之javaScript 文章标签： javascript 前端 经验分享 面向对象编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hi__web/article/details/106987367
版权

构造函数结构
在这里插入图片描述
构造函数和对象的区别
构造函数，如 Stars()，抽取了对象的公共部分，封装到了函数里面，它泛指某一大类（class）;
创建对象，如 new Stars()，特指某一个，通过 new 关键字创建对象的过程我们也称为对象实例化;

new关键字的执行过程
new 在执行时会做四件事情：

  1. 在内存中创建一个新的空对象。
  2. 让 this 指向这个新的对象。
  3. 执行构造函数里面的代码，给这个新对象添加属性和方法。
  4. 返回这个新对象（所以构造函数里面不需要return）。

啥是构造函数的实例成员的静态成员
在这里插入图片描述在这里插入图片描述

构造函数之原型对象(prototype)和对象原型以及constructor属性的关系

原型对象(prototype)
在这里插入图片描述
在这里插入图片描述
对象原型__proto__
在这里插入图片描述
constructor属性
在这里插入图片描述
这三者的微妙关系
在这里插入图片描述

原型链又是什么
在这里插入图片描述
即我们在访问一个对象的属性和方法时,其会在它的对象原型一层一层往上找,最终到null对象为止,这种链式查找的规则就叫原型链
可以理解为:万物皆对象,对象皆为空
观致此处,全凭缘分,如若有错,望请赐教.

hi__web
关注
专栏目录
js构造方法
csdn13461916098的博客
06-02 1632
//定义构造方法 function stu1(){ this.stuNo="20160001" this.stuName="刘豪"; this.method= function() { eturn "刘豪长的贼帅"; }}var student=new stu1();alert(student.method());用var声明的 变量和方法 都是对象People的私有变量和私有方法，不能在外部调...
JS构造函数的执行过程
01-08
什么是构造函数 通过new操作符调用的函数为构造函数，会构造出一个类的实例 一个函数直接调用则为普通函数调用方式，用new调用则为构造函数调用方式 function Fn(name,age){ let n = 5; this.name=name; this.age=age; } Fn(a,10); //-->普通调用函数方式 let b = new Fn(b,18); // -->构造函数调用方式 普通函数的执行过程 形成私有作用域（栈内存） 形参赋值 变量提升 代码执行 栈内存释放（或不释放） 构造函数的执行过程 1. 形成私有作用域 2. 形参赋值 3. 变量提升
JS的构造函数
weixin_34326429的博客
05-13 172
  //构造函数 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 function myObject(msg){     //特权属性(公有属性)     this.myMsg = msg; //只在被实例化后的实例中可调用     this.address = '上海';          //私有...
JS高级(二)、深入对象：构造函数；Object，Array，String，Number包装类；原型对象，原型链
最新发布
lxh的博客
09-16 766
深度对象：构造函数、实例成员、静态成员；包装类：Object、Array、String、Number的一些方法；原型，原型继承，原型链。prototype原型对象，__ptoto__对象原型。
js 类的实现
weixin_30414245的博客
02-23 102
用函数原型实现像java bean的效果 function myApp(){ this.name="co2"; this.age=23; } myApp.prototype.getName=function(){ return this.name; } myApp.prototype.setName=function(name){ this.name=nam...
js的构造函数
weixin_45925906的博客
03-23 527
创建对象的方法 对象字面量 new Object() 自定义构造函数 构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 在 JS 中，使用构造函数时要注意以下两点： 构造函数用于创建某一类对象，其首字母要大写 构造函数要和 new 一起使用才有意义 new的执行 new 在执行时会做四件事情： 在内存中创建一个新的空对象。 让 this 指向这个新的对象。 执行构造函数里面
JS构造函数
sunset的博客
08-14 6841
创建一个对象可以字面量创建或构造函数创建 字面量创建对象例如: // 字面量创建对象 var p1 = { name:"sunset", speak:function(){ console.log("我是",+this.name); } } 但如果需要创建多个同一类型(属性和方法都相同)的对象,使用字面...
js核心基础之构造函数constructor用法实例分析
11-30
JavaScript中的构造函数是用于创建特定类型对象的特殊函数。它们在对象实例化过程中起到了核心作用，使得我们可以定制对象的属性和方法。构造函数通常与`new`操作符一起使用，以便于初始化新创建的对象。 1. **构造...
Javascript的构造函数和constructor属性
12-01
很显然，这个时候obj的constructor已经不再是创建它的函数，注意到obj.name也是undefined，因此修改构造函数的prototype的contructor并不会影响构造函数所产生的对象。真正的原因是：一个对象的constructor是它的...
Javascript 构造函数详解
10-25
1. **new关键字**：务必在调用构造函数时使用`new`关键字，否则`this`将会指向全局对象（在浏览器环境中是`window`，在Node.js环境中是`global`），可能导致意料之外的结果。通常，构造函数的名称会遵循驼峰命名法，...
Js之构造函数
weixin_45346457的博客
10-05 98
上一段代码很容易让人认为 Foo 是一个构造函数，因为我们使用 new 来调用它并且看到它 “构造”了一个对象。 实际上，Foo 和你程序中的其他函数没有任何区别。函数本身并不是构造函数，然而，当 你在普通的函数调用前面加上 new 关键字之后，就会把这个函数调用变成一个“构造函数 调用”。实际上，new 会劫持所有普通函数并用构造对象的形式来调用它。 举例来说： function NothingSpecial() { console.log( "Don't mind me!" ); } v.
JavaScript构造方法
m0_52362034的博客
07-27 521
文章目录JavaScript构造函数的理解Prototype(原型加继承) JavaScript构造函数的理解 function meterial(){ console.log("miss you"); } function product(name,sex){ var obj = {}; obj.name = name; obj.sex = sex; obj.meterial = meterial; return obj; } var obj1 = product(张三,男); //这就是简简单单对象返
JavaScript-构造方法
__猫玖__的博客
11-22 116
构造器是一个普通的 JavaScript 函数，但用于创建和初始化对象。构造器的名称通常以大写字母开头，这是一种常见的命名约定。构造器和new操作符是 JavaScript 中用于创建对象实例的重要机制。了解它们的使用方式和原理有助于理解面向对象编程的概念。在实际开发中，构造器经常用于创建和初始化对象，通过原型链，它们可以共享方法和属性，提高代码的可维护性。希望这些例子和解释能够帮助你更好地理解 JavaScript 中的构造器和new操作符。
js 的构造函数
艾斯比
05-13 98
js 构造函数 使用 new 实例化对象 函数名称首字母大写, 以区分普通函数 // 构造函数 function Person (name) { this.name = name } // 实例化对象 let p2 = new Person('tom'); console.log(p2.name)
JavaScript中的普通函数与构造函数比较
10-24
JavaScript中的普通函数与构造函数是两种不同类型的函数，它们在定义方式、调用方式及作用上都有所区别。普通函数通常是指不依赖于new关键字调用的函数，而构造函数则特指设计用来创建和初始化新对象的函数。接下来...
JS 构造函数
Wayne8016的博客
11-08 238
1，什么是构造函数？ 在 JavaScript 中，用 new 关键字调用的函数，被称为构造函数。 2，构造函数有什么特征？ 首字母大写（非强制，业界规范）； 构造函数里的方法和属性由 this 来定义； 3，为什么要使用构造函数？ 我们每学习一个新概念，不仅要知道它是什么，还要知道它解决了什么问题。 先说总结：使用构造函数的目的之一是，为实现代码复用。 举个例子，比如我们要为每一位同学...
js 构造函数
qq_34498806的博客
08-03 261
/* *构造函数首字母大写 *钩爪函数不需要return，直接返回一个结果 */ function Man (name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.doing = function (action){ console.log(name+'正在'+action) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值