JavaScript/ES6属性在构造函数中设置值时不使用setter

在构造函数中设置JavaScript/ES6属性的值时，可以直接通过赋值的方式进行设置，而不需要使用setter方法。在ES6之前，我们通常需要使用setter方法来设置属性的值，以便在设置时执行一些逻辑或验证。然而，在ES6中，我们可以直接在构造函数中使用赋值语句来设置属性的值，这样可以简化代码并提高可读性。

例如，假设我们有一个Person类，其中包含name和age属性。在ES6之前，我们可能会使用setter方法来设置这些属性的值：

class Person {
  constructor(name, age) {
    this.setName(name);
    this.setAge(age);
  }

  setName(name) {
    // 执行一些逻辑或验证
    this.name = name;
  }

  setAge(age) {
    // 执行一些逻辑或验证
    this.age = age;
  }
}

然而，在ES6中，我们可以直接在构造函数中使用赋值语句来设置属性的值，而不需要使用setter方法：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

这样，我们可以更简洁地设置属性的值，并且不需要额外的setter方法。这种方式适用于大多数情况下，特别是当我们只需要简单地设置属性的值时。

在实际应用中，JavaScript/ES6属性的设置方式取决于具体的需求和代码结构。有时候，我们可能仍然需要使用setter方法来执行一些逻辑或验证。但是，在构造函数中直接使用赋值语句来设置属性的值是一种更简洁和常见的做法。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
对象存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse

相关·内容

Javascript对象

从这个位置读属性值，写属性值的时候把新的值保存在这个位置。默认为undefined 要修改属性的默认特性必须使用ECMAScript5的Object.defineProperty()方法。...修改此属性就会抛错 value: jack }); 2）访问器属性访问器属性不包含数据值；它们包含一对getter和setter函数；读取访问器属性的时候会调用getter函数；写入访问器属性的时候会调用...默认undefined [[Set]]:在写入属性的时候调用的函数。...3.原型模式 4.组合使用构造函数模式和原型模式 5.动态原型模式 6.寄生构造函数模式 7.稳妥构造函数模式 ---- 继承许多OO语言都支持两种继承方式：接口继承:继承方法签名实现继承:继承实际方法...JavaScript支持实现继承，且继承方式是依靠原型链实现的（es6的class类已经支持继承） 1.原型链继承 2.借用构造函数实现继承 3.组合继承 4.原型式继承 5.寄生继承 6.寄生组合式继承

3741 0

《你不知道的JavaScript(上)之原型对象》读书笔记

在 JavaScript 中，它们实际上是一些内置函数。这些内置函数可以当作构造函数 (由 new 产生的函数调用)来使用，从而可以构造一个对应子类型的新对象。...4.Error 对象很少在代码中显式创建，一般是在抛出异常时被自动创建。也可以使用 new Error(..) 这种构造形式来创建，不过一般来说用不着。...// }可以看到属性描述符的默认值在创建普通属性时属性描述符会使用默认值，我们也可以使用 Object.defineProperty(..)...在 ES5 中可以使用 getter 和 setter 部分改写默认操作，但是只能应用在单个属性上，无法应用在整个对象上。getter 是一个隐藏函数，会在获取属性值时调用。...中的显式定义，二者都会在对象中创建一个不包含值的属性，对于这个属性的访问会自动调用一个隐藏函数，它的返回值会被当作属性访问的返回值。

6223 0

JS es6的Class类详解

ES6 的class与ES5写法的几个核心注意点： ES5 的构造函数Point，对应 ES6 的Point类的构造方法。类的所有方法都定义在类的prototype属性上面。...constructor方法默认返回实例对象（即this），完全可以指定返回另外一个对象 (得是在创造class时就定义设置的, 在创造完class后,通过Object.assign的方式是没法改变构造函数的返回值的...Class的基本语法之getter和setter 与 ES5 一样，在“类”的内部可以使用get和set关键字，对某个属性设置存值函数和取值函数，拦截该属性的存取行为。...解决办法：一个比较简单的解决方法是，在构造方法中绑定this，这样就不会找不到print方法了。另一种解决方法是使用箭头函数。箭头函数位于构造函数内部，它的定义生效的时候，是在构造函数执行的时候。...如果构造函数不是通过new命令调用的，new.target会返回undefined，因此这个属性可以用来确定构造函数是怎么调用的。私有属性也可以设置 getter 和 setter 方法。

4.5K2 0

《你不知道的JavaScript》-- 对象（笔记）

在JavaScript中，这些内置对象实际上只是一些内置函数，可以当作构造函数来使用，从而可以构造一个对应子类的新对象： var strPrimitive = 'I am a string'; typeof...Error对象很少在代码中显示创建，一般是在抛出异常时被自动创建，也可以使用new Error(...)这种构造形式来创建。...在创建普通属性时属性描述符会使用默认值，也可以使用Object.defineProperty(..)来添加一个新属性或者修改一个已有属性并对特性进行设置： var myObject = {}; Object.defineProperty...getter是一个隐藏函数，会在获取属性值时调用，setter也是一个隐藏函数，会在设置属性值时调用。...还是 defineProperty(...)中的显示定义，二者都会在对象中创建一个不包含值的属性，对于这个属性的访问会自动调用一个隐藏函数，它的返回值会被当作属性访问的返回值。

6232 0

对象

唯一的区别是，在文字声明中你可以添加多个键 / 值对，但是在构造形式中你必须逐个添加属性。...这些内置函数可以当作构造函数来使用，从而构造一个对应子类型的新对象。内容对象的内容是由一些存储在特定命名位置的（任意类型的）值组成的，我们称之为属性。...如果时并且存在 setter 就调用 setter 属性的数据描述符中 writable 是否是 false？...如果是，在非严格模式下静默失败，在严格模式下抛出 TypeError 异常如果都不是，将该值设置为属性的值如果对象中不存在这个属性，[Put] 的操作会更复杂，后面在 prototype 会去讲解...中使用 getter 和 setter 可以改写默认操作，但是只能作用在单个属性上，无法应用在整个对象上 getter 是一个隐藏函数，会在获取属性值时调用。

7012 0

Object （对象）

但是在 JavaScript 中，它们实际上只是一些内置函数。这些内置函数可以当作构造函数来使用，从而可以构造一个对应子类型的新对象。...如果你使用string （字面量）以外的其他值作为属性名，那它首先会被转换为一个字符串。即使是数字也不例外。...: 2, writable: true, enumerable: true, configurable: true} 在创建普通属性时属性描述符会使用默认值，可以使用 Object.defineProperty...如果都不是，将该值设置为属性的值。 # Getter 和 Setter 在 ES5 中可以使用 getter 和 setter 部分改写默认操作，但是只能应用在单个属性上，无法应用在整个对象上。...getter 是一个隐藏函数，会在获取属性值时调用。setter 也是一个隐藏函数，会在设置属性值时调用。

5971 0

《你不知道的JavaScript》-- 原型（笔记）

原型 2.1 [[Prototype]] JavaScript 中的对象有一个特殊的 [[Prototype]] 内置属性，其实就是对于其他对象的引用，几乎所有的对象在创建时[[Prototype]]属性都会被赋予一个非空的值...如果 foo 不直接存在于 myObject 中而是存在于原型链上层时 myObject.foo = 'bar' 会出现三种情况： 1）如果在 [[Prototype]] 链上层存在名为 foo 的普通数据访问属性...委托这个术语可以更加准确地描述JavaScript中对象的关联机制。在JavaScript中对于“构造函数”最准确的解释是，所有带new的函数调用。...函数不是构造函数，当且仅当使用new时，函数调用会变成“构造函数调用”。...在ES6之前，可以通过设置 __proto__ 属性来实现修改对象的[[Prototype]]关联，这个方法不是标准而且无法兼容所有浏览器；ES6添加了辅助函数 Obejct.setPrototypeOf

2841 0

深入浅出 JavaScript Reflect API

为此，ES6 中引入了一个新的全局对象 Reflect，它能够处理简单的代码操作。本文的目的是帮助你更好地理解 JavaScript 中 Reflect 的概念以及如何使用提供的各种方法。...它不是构造函数，因此不能对它使用 new 操作符。 2. Proxy 和 Reflect 之间的区别？ Proxy 和 Reflect 都是在 ES6 中引入的，用于执行任务，但它们有一点不同。...constructor 属性，如果不指定，默认值为 target 「返回值」：以 target（如果 newTarget 存在，则为 newTarget）函数为构造函数，argumentList 为其初始化参数的对象实例...当使用 Object.create() 和 Function.prototype.apply() 时，如果不使用 new 操作符调用构造函数，构造函数内部的 new.target 值会指向 undefined...这个函数有四个参数： target：设置属性的目标对象 propertyKey：设置的属性的名称 value：设置的值 receiver：如果遇到 setter，receiver 则为 setter 调用时的

3512 0

《现代Javascript高级教程》面向对象之Class

Class的基本概念在ES6之前，JavaScript中的对象和面向对象编程的概念相对比较模糊。ES6引入了Class机制，使得JavaScript可以更加直观地定义和使用类。...下面介绍一些常用的语法规则： 3.1 构造函数在Class中使用constructor关键字定义构造函数。构造函数用于创建对象时进行初始化操作，通过new关键字实例化类时会自动调用构造函数。...3.2 属性在Class中可以定义各种属性。属性可以直接定义在Class的内部，也可以在构造函数中通过this关键字进行定义。...= width; // 在构造函数中定义属性 this.height = height; } } 3.3 方法在Class中定义的函数称为方法。...类的实例和构造函数在ES6中，类的实例通过new关键字进行创建，并自动调用类的构造函数进行初始化。

1742 0

【精品转载】学习 Vue 源码的必要知识储备

函数柯里化数据双向绑定基础：Object.defineProperty() 一、数据属性数据属性包含一个数据值的位置。这个位置可以读取和写入值。...访问器属性不包含数据值，他们包含一对 getter 和 setter 函数（非必须）。...在读写访问器属性的值的时候，会调用相应的 getter 和 setter 函数，而我们的 vue 就是在 getter 和 setter 函数中增加了我们需要的操作。...箭头函数这个一笔带过：箭头函数中的 this 指向是固定不变的，即是在定义函数时的指向而普通函数中的 this 指向时变化的，即是在使用函数时的指向 class 继承 Class 可以通过 extends...ES6 的继承机制完全不同，实质是先创造父类的实例对象 this （所以必须先调用 super() 方法），然后再用子类的构造函数修改 this。

6853 0

【前端词典】学习 Vue 源码的必要知识储备

Class 需要注意直接使用 flow.js，JavaScript 是无法在浏览器端运行的，必须借助 babel 插件，vue 源码中使用的是 babel-preset-flow-vue 这个插件，并且在...访问器属性不包含数据值，他们包含一对 getter 和 setter 函数（非必须）。...在读写访问器属性的值的时候，会调用相应的 getter 和 setter 函数，而我们的 vue 就是在 getter 和 setter 函数中增加了我们需要的操作。...箭头函数这个一笔带过：箭头函数中的 this 指向是固定不变的，即是在定义函数时的指向而普通函数中的 this 指向时变化的，即是在使用函数时的指向 class 继承 Class 可以通过 extends...ES6 的继承机制完全不同，实质是先创造父类的实例对象 this （所以必须先调用 super() 方法），然后再用子类的构造函数修改 this。

7773 0

ES6——类（Class）

ES5关于类 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。...取值函数（getter）和存值函数（setter）与 ES5 一样，在“类”的内部可以使用get和set关键字，对某个属性设置存值函数和取值函数，拦截该属性的存取行为。...存值函数和取值函数是设置在属性的 Descriptor 对象上的。...#sum()); } } 上面代码中，#sum()就是一个私有方法。另外，私有属性也可以设置 getter 和 setter 方法。...new.target 属性 new是从构造函数生成实例对象的命令。ES6 为new命令引入了一个new.target属性，该属性一般用在构造函数之中，返回new命令作用于的那个构造函数。

9692 0

typeof和instanceof原理

Symbol 是ES6中引入的一种原始数据类型，表示独一无二的值。...具体来说，函数是“可调用对象”，它有一个内部属性[[call]]，该属性使其可以被调用。typeof 可以用来区分函数其他对象。但是使用 typeof不能判断对象具体是哪种类型。...那么 prototype 就是调用构造函数而创建的那个对象实例的的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。...，等等一样，存在于内置的Object.prototype中。（它们是不可枚举的；此外，.__proto__看起来很像一个属性，但是实际上它更像一个 getter/setter。....__proto__是可设置属性，之前的代码中使用ES6的Object.setPrototypeOf(...)进行设置。然而，通常来说你不需要修改已有对象的[[prototype]]。原型链 ?

2.4K4 1

JavaScript 权威指南第七版（GPT 重译）（三）

6.3.3 属性访问错误属性访问表达式并不总是返回或设置一个值。本节解释了在查询或设置属性时可能出现的问题。查询不存在的属性并不是错误的。...surname; 尝试在 null 或 undefined 上设置属性也会导致 TypeError。在其他值上尝试设置属性也不总是成功：某些属性是只读的，无法设置，某些对象不允许添加新属性。...当程序查询访问器属性的值时，JavaScript 会调用 getter 方法（不传递任何参数）。此方法的返回值成为属性访问表达式的值。...当程序设置访问器属性的值时，JavaScript 会调用 setter 方法，传递赋值右侧的值。该方法负责在某种意义上“设置”属性值。setter 方法的返回值将被忽略。...它们看起来像使用 ES6 简写定义的普通方法，只是 getter 和 setter 定义前缀为get或set。（在 ES6 中，当定义 getter 和 setter 时，也可以使用计算属性名称。

1241 0

【前端】：对象、原型、继承

对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个具有值的属性，该值可能是可写的，也可能不是可写的。存取描述符是由getter-setter函数对描述的属性。...writable：当 writable 属性设置为 false 时，该属性被称为“不可写”。它不能被重新分配。 ? 图1-3 writable=false示例，非strict模式 ?...几乎所有的对象在创建时 [[Prototype]] 属性都会被赋予一个非空的值。 2.1. Object.prototype [[Prototype]]的尽头是哪里？...函数本身并不是构造函数，然而，当你在普通的函数调用前面加上 new 关键字之后，就会把这个函数调用变成一个“构造函数调用”。实际上，new 会劫持所有普通函数并用构造对象的形式来调用它。...——《你不知道的 JavaScript （上卷）》p150 换句话说，在 JavaScript 中对于“构造函数”最准确的解释是，所有带 new 的函数调用。

1K5 0

《你不知道的js(上卷)》笔记2(this和对象原型)

new绑定 JavaScript中new的机制实际上和面向类的语言完全不同。在JavaScript中，构造函数只是一些使用new操作符时被调用的函数。它们并不会属于某个类，也不会实例化一个类。...: true } ); myObject.a; // 2 myObject.b; // 4 在不访问属性值的情况下判断对象中是否存在这个属性: var myObject = { a:2...原型 JavaScript中的对象有一个特殊的 [[Prototype]] 内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时 [[Prototype]] 属性都会被赋予一个非空的值。...在JavaScript中，我们并不会将一个对象(“类”)复制到另一个对象(“实例”)，只是将它们关联起来。这个机制通常被称为原型继承。构造函数使用new创建的对象会调用类的构造函数。...在JavaScript中对于“构造函数”最准确的解释是，所有带new的函数调用。

6761 0

你需要知道的 JavaScript 类(class)的这些知识

name，用于设置字段this.name的初始值在构造函数中，this 值等于新创建的实例。...当字段在构造函数中隐式创建时，就像前面的场景一样，可能获取所有字段。必须从构造函数的代码中破译它们。...在类方法和构造函数中，this值等于类实例。使用this来访问实例数据:this.field 或者调用其他方法:this.method()。...4.2 getters 和 setters getter和setter模仿常规字段，但是对如何访问和更改字段具有更多控制。在尝试获取字段值时执行getter，而在尝试设置值时使用setter。...5.1 父构造函数：constructor()中的super() 如果希望在子类中调用父构造函数，则需要使用子构造函数中可用的super()特殊函数。

6261 0

ES6 Class类详解（万字长文，值得收藏）

JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。...取值函数（getter）和存值函数（setter）与 ES5 一样，在“类”的内部可以使用get和set关键字，对某个属性设置存值函数和取值函数，拦截该属性的存取行为。...存值函数和取值函数是设置在属性的 Descriptor 对象上的。...#sum()); } } 上面代码中，#sum()就是一个私有方法。另外，私有属性也可以设置 getter 和 setter 方法。...ES6 为new命令引入了一个new.target属性，该属性一般用在构造函数之中，返回new命令作用于的那个构造函数。

3773 0

一万字ES6的class类，再学不懂，请来找我（语法篇）

2811 0

每天3分钟，重学ES6-ES12(十九)Proxy-Reflect

# Proxy基本使用 * 在ES6中，新增了一个[Proxy类](url)，这个类从名字就可以看出来，是用于帮助我们创建一个**代理**的: * 也就是说，如果我们希望`监听一个对象的相关操作...将被设置的属性key; * value:新属性值; * receiver:调用的代理对象; * get函数有三个参数: * target:目标对象(侦听的对象);...${key}属性被访问了`, target) return target[key] }, // 设置值时的捕获器 set: function(target, key, newValue...这是因为在早期的ECMA规范中没有考虑到这种对对象本身的操作如何设计会更加规范，所以将这些API放到了Object上面; 但是Object作为一个构造函数，这些操作实际上放到它身上并不合适; 另外还包含一些类似于...如果设置成功就会返回 true Reflect.ownKeys(target) 返回一个包含所有自身属性(不包含继承属性)的数组。

2192 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云