JS构造对象的4种方法和静态变量

最新推荐文章于 2023-09-24 13:37:48 发布
最新推荐文章于 2023-09-24 13:37:48 发布
阅读量931 收藏 2
点赞数
分类专栏： JS 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIUYJ520/article/details/126482338
版权

1.构造函数法
（1）构造函数法可以在函数体内声明属于实例的方法，也可以在函数体外通过.proprototype的形式声明属于实例方法，但是此方法只能在实例对象的时候才可以使用。
（2）在函数体外通过“对象.方法”声明的方法是属于对象的静态方法，不属于实例。
2.字面量构造法
3.new object()创建对象
4.class创建对象
（1）通过class声明变量和方法如果添加static关键字，则表示静态的，只能对象调用，实例不可以调用。
（2）class中声明方法只能用“方法()｛…｝”的方式声明，不可以用“方法名=function(){}”的方式声明。
在这里插入图片描述
在这里插入图片描述
以上为自己总结，仅供参考！

Ejing6747
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript构造方法
m0_52362034的博客
07-27 483
文章目录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构造函数详解
qq_43548684的博客
02-01 3947
借鉴各方面知识，囊括构造函数相关知识，添加个人理解，有不对的地方多多指出啦~
JS中的构造函数
weixin_49115895的博客
12-22 8335
一、面向对象基本特征 封装：也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。 继承：通过继承创建的新类称为“子类”或“派生类”。继承的过程，就是从一般到特殊的过程。 多态：对象的多功能，多方法，一个方法多种表现形式。 Javascript是一种基于对象（object-based）的语言。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）—–es6以前是这样的。所以es5只有使用函数模拟的面向对象。 二、对象
javaScript 常见构造方法继承方法
那谁家的博客
03-17 160
原文链接https://www.cnblogs.com/zczhangcui/p/6389023.html 一、构造方法 1、工厂模式 　　考虑在ES中无法创建类（ES6前），开发人员发明了一种函数，用函数来封装以特定接口创建对象的细节。（实现起来是在一个函数内创建好对象，然后把对象返回）。 function createPerson(name,age,job){ var ...
js中的静态变量
Yelbosh的专栏
06-30 7862
静态变量即为某个类所拥有的属性，通过 类名+"."+静态变量名 的方式访问该属性。如下可以做清晰的解释： function BasicInfo(name,age,from) { this.name = name; this.age = age; this.from = from; } BasicInfo.generalInfo = "is 3zfp owned object"; v
JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析
10-15
理解这些概念对于编写可维护和高效的JavaScript代码至关重要，特别是在涉及类和对象的复杂逻辑时。在实际开发中，根据需求合理地使用静态和实例特性，可以优化代码结构，减少不必要的内存消耗。
javascript 静态对象和构造函数的使用和公私问题
12-09
先看： 代码如下: var objJson={ op1:’objJson option1′, fn1:function(){ alert(this.op1) } } 在这种形式的声明下，你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性，这没有问题。...
JS面向对象（3）之Object类，静态属性，闭包，私有属性， call和apply的使用，继承的三种实现方法
11-22
在JS中，Object是所有类的基类，使用Object类来创建自定义对象时，可以无需定义构造函数（constructor，prototype，hasOwnProperty(property)） var per = new Object(); per.name = 'zhangsan'; per.age = ; alert...
vue.js在标签属性中插入变量参数的方法
10-18
总结一下，Vue.js 在标签属性中插入变量参数的方法主要包括： 1. 使用 `v-bind` 指令，如 `v-bind:class` 或 `:class`。 2. 结合JavaScript表达式，例如 `{'selected': condition}` 或 `'img/' + variable + '.jpg'...
JavaScript中的面向对象介绍
12-07
对象 创建 对象 构造函数 公有、私有、特权、静态成员 this、call和apply 异常处理 继承 原型 对象 在JavaScript，可以说everything is object，那么什么是对象？对象就是包含一组变量和函数的集合。在其它面向对象...
JavaScript对象结构技巧
Ustinian
08-08 1356
关于JavaScript，我们得到了一种从对象中提取属性的非常有用的方法
JavaScript-构造函数
十二的博客
05-06 1614
JavaScript-构造函数
【零基础学JS - 19 】JavaScript中的对象 之 构造方法Constructor
在读研究生，专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
06-22 561
在JavaScript中，构造函数用于创建对象
JavaScript中的静态变量
xfxf996的博客
04-15 4156
如何在Javascript中创建静态变量？
javascript静态变量
RounrounZhang的博客
05-15 3952
只提供获取变量的方法 创建立即执行函数，创建一个独立的作用域，避免变量污染 var Conf = (function () { var conf = { //静态变量习惯大写 MAX_NUM:100, MIN_NUM:1, COUNT:1000 } return { get:function (n...
JavaScript中的对象---对象的结构
sjpgyy的博客
06-30 1734
JavaScript中的对象—对象的结构
js中类的构造方法
quietbxj的博客
07-18 1314
js中提供了类的定义，如果不使用类来定义对象，则返回自定义的变量都是Object，不好判断其类型。所以js提供了类的定义和使用。 累的构造方法： 语法： function 类名(){ //具体方法定义 } 代码如下： <script> function Person(name, age){ this.name=name; this.age=age; } let p1= Pers...
[Java学习日记]使用static修饰的静态成员变量与静态方法
最新发布
m0_63186780的博客
09-24 68
1.static简介4.static修饰成员变量在内存中的原理？5.静态方法能够在哪里应用呢？6.使用静态方法有是什么注意事项？7.public static void main(String[] args)是什么含义？
JS中的常用的实例函数和静态函数
weixin_45851631的博客
12-18 306
JavaScript中常用实例函数和静态函数总结
js class设置变量的魔法方法
05-05
在 JavaScript 中，可以使用特定的方法来定义类的变量，这些方法被称为“魔法方法”。以下是一些常用的魔法方法： 1. constructor()：构造函数，在创建对象时执行。可以在这个方法中定义类的属性和方法。 2. get/set：用于定义类的属性，get 方法用于获取属性值，set 方法用于设置属性值。例如： ``` class Person { constructor(name) { this._name = name; } get name() { return this._name; } set name(value) { this._name = value; } } const person = new Person('Tom'); console.log(person.name); // Tom person.name = 'Jerry'; console.log(person.name); // Jerry ``` 3. static：用于定义类的静态属性和方法，只能通过类名调用。例如： ``` class Math { static PI = 3.14; static add(x, y) { return x + y; } } console.log(Math.PI); // 3.14 console.log(Math.add(1, 2)); // 3 ``` 4. toString()：用于返回类的字符串表示，通常用于调试和日志输出。例如： ``` class Person { constructor(name, age) { this.name = name; this.age = age; } toString() { return `Person(name=${this.name}, age=${this.age})`; } } const person = new Person('Tom', 18); console.log(person.toString()); // Person(name=Tom, age=18) ``` 除了以上这些魔法方法，JavaScript 还提供了许多其他的方法和语法糖，可以让我们更方便地定义类和操作对象。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值