ES6：几种get和set的使用

最新推荐文章于 2023-05-10 22:57:52 发布
最新推荐文章于 2023-05-10 22:57:52 发布
阅读量2.4k 收藏 8
点赞数 3
分类专栏： 前端 javascript 文章标签： javascript js class es6 es6/es7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yivisir/article/details/114270332
版权

ES6：几种get和set的使用

一、基于普通对象的实现

const demo = {
   
    _name = '';
    
    get name(){
   
        return this._name;
    }
	set name(val){
   
        this._name = val;
    }
}

demo.name = 'yivi';
console.log(demo.name);		// 'yivi'

二、基于class的实现

class Demo{
   
    constructor(){
   
        this._name =
最低0.47元/天 解锁文章
Yivisir
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6 存取器属性 set get
weixin_53961451的博客
06-21 757
es6新增方法set get ,作为属性的存取器，可以更加灵活的使用属性，以及监听对象的属性
ES6中的get/set
weixin_44761091的博客
05-10 2474
文章目录一、为什么需要使用get/set方法?二、set/get的使用方式三、set/get的一个使用场景：在每次登录的时候检测是否已经登录 一、为什么需要使用get/set方法? class中有几个属性修饰符： public 可以被其他所有类访问 protected 自身、子类可以访问 private 只能被自身访问 一个属性如果设置为public类型是非常危险的，会被任意修改。用get/set方法来控制变量，防止他人的恶意修改。 二、set/get的使用方式 例如： 在对象中使用 let o
es6get,set方法，数值扩展，对象扩展及模块化引入相关概念
最新发布
m0_61685343的博客
05-10 267
/注意：如果在引入不同模块时出现了相同的变量名时，可以import{变量 as 新的变量名 ,变量2}from "./xxx.js"另一种模块引入形式：因为HTML文件中存在大量代码，所以可以将模块打包在另一个模块中，然后再在HTML代码引入新打包的模块，注意：要写在末尾。// 因为a,b都是浮点数所以不相等，用这个方法让差值小于最小数，则把它们看作相等,是我们自己把这两个数设置为相等，它们本质上是不相等的。//这里的a大概是个对象？：import{变量1，变量2} from"./xx.js"
ES6类的属性自定义存取值——getter、setter访问器理解
qq_41619567的博客
11-06 614
get关键字特性 get关键字可在对象内部使用，可为此对象创造一个伪属性。先看下面一个例子: let obj = { get name(){ let a =10; return a; } } console.log(obj.name); //10 ...
es6中class的get和set的快速使用教程
weixin_38724114的博客
11-19 2559
//先声明一个类 class Fruit { constructor(name='香蕉',size='10斤') { this.name = name this.size = size } get getName(){ return this.name } set setName(value){ this.name = value } } //s...
JS中Object.create()的使用与实现
SCUhzs
09-17 2304
文章目录参数返回值异常用法用 `Object.create`实现类式继承使用 `Object.create` 的 `propertyObject`参数实现参考资料 参数 object.create方法有两个参数 proto 必须的 是新建对象的原型对象 propertiesObject 可选的 如果没有指定为 undefined，则是要添加到新创建对象的不可枚举（默认）属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这些属性对应Object.defin
ES6学习笔记之Set和Map数据结构详解
12-03
在ES6中，Set和Map是两种新的数据结构，它们为JavaScript编程提供了更加强大的工具。Set主要用于存储唯一值，而Map则用于存储键值对。 Set数据结构： 1. **Set的创建与初始化**：Set是一个构造函数，用于创建Set...
ES6中Set和Map用法实例详解
11-21
在ES6中，Set和Map是两种新的数据结构，它们为JavaScript编程提供了更加强大的工具。Set主要用于存储不重复的值，而Map则用于存储键值对。 Set数据结构： Set类似于数组，但其核心特点是所有成员都是唯一的，不...
详解ES6系列之私有变量的实现
10-17
本文将详细介绍几种在ES6中实现私有变量的方法。 1. **约定（Conventions）** 这是最简单的实现方式，通过在变量名前添加下划线`_`来表示私有性质，例如`_private`。虽然这种约定在社区广泛使用，但它并没有真正的...
石川es6总结复习
08-28
使用`import`和`export`关键字，ES6实现了原生的模块系统，使得代码组织更加清晰，支持按需导入和导出。例如： ```javascript // 导出 export const add = (a, b) => a + b; // 导入 import { add } from './...
ES6 javascript中class类的get与set用法实例分析
11-28
本文实例讲述了ES6 javascript中class类的get与set用法。分享给大家供大家参考，具体如下： 与 ES5 一样， 在 Class 内部可以使用get和set关键字， 对某个属性设置存值函数和取值函数， 拦截该属性的存取行为。 class MyClass { constructor() { // ... } get prop() { return 'getter'; } set prop(value) { console.log('setter: ' + value); } } let inst = new MyClass();
js代码-ECMASCRIPT6 set结构和map结构
07-15
JavaScript是Web开发中不可或缺的一部分，随着ECMAScript6（ES6）的引入，它得到了许多新的特性和改进，其中Set和Map数据结构是两个重要的增强。这两个数据结构为JavaScript开发者提供了更高效、更灵活的数据管理...
es6 javascript的class类中的 get和set
_
04-06 3355
在 Es6 中，在 Class 内部可以使用 get 和 set 关键字， 对某个属性设置存值函数和取值函数， 拦截该属性的存取行为。 class HelloWorld { constructor() { this.name_ = '' } get name() { return 'get name: '+this.name_; } set name(value) { console.log('set name: ' + value); this.name_ = val
ES6:生成器函数
Continue的博客
04-08 995
文章目录1.概述2.声明3. 调用4.yield5. 参数传递6. 实例 1.概述 生成器是一个函数，是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。 之前我们用的解决异步编程的方案是 纯回调函数 ，就是一层套一层 ，最后会形成回调地狱。如node里的fs模块、ajax、以及数据库的操作mongodb 2.声明 生成器函数与普通函数有所不同，它需要在 function 与 函数名之间添加个*号。如： <script> function * gen(){
学习ES6proxy代理之get方法
web_sea 的博客
08-12 2360
介绍： get方法用于拦截某个属性的读取操作，可以接受三个参数，依次为 目标对象、属性名和proxy实例本身（严格的说，是操作行为所针对的对象），其中最后一个参数可选。 下面是一个拦截读取操作的例子。 var person ={ name:"张三" }; //拦截对象 var proxy = new Proxy(person,{ ...
ES 6 的一些常用新特性总结
qq_34823218的博客
06-14 512
ES6新加的几个常用特性 1. 块级作用域 let和const Let是更新的var，但有新语法，比如块级作用域，在作用域内没有变量提升 Const常量，不可变，单指向一个对象是涉及到按对象应用还是可以改变，一般大写 2. 箭头函数 不用_this概念 this是定义时的对象 简化回调函数 一个参数省略括号，一句话省略return （）=>{} 3. Promise 解决异步回调 Let promise =new Promise(function(r...
es5与es6中的读写属性，以及es6中的赋值注意事项，set、get详解
weixin_45786189的博客
07-18 439
Es5中读写属性 本人学习过程中编写，定有不足之处，如果有错误，请您积极指正；如果有帮助，请不要吝啬您的赞美（点赞），欢迎各位大佬点赞评论。 function Animal () { //... } let monkey = new Animal(); monkey.name = 'monkey'; //写入姓名 console.log(monkey.name); 但是在es5中存在一个缺陷，并不能对写入的值加以判断，除非为写入操作在外包一个函数加以控制。 例如：我们要写入猴子的年龄但
ES6中set和get方法？
weixin_43869982的博客
07-23 778
CLASS类里面可以设置getter和setter方法， getter可以获取一些方法， setter可以设置一些方法。 class fun{ constructor(){ this.arr=[]; } get menu(){ return this.arr; } set menu(value){ this.arr.push(value); } } let p
关于ES6中get方法的重要性的问题
mayism0209的博客
05-25 4484
本例中对于get方法的用法是在实际项目开发中遇到的，理解尚浅，望批评与指正。第一个例子：这是一个牵扯出本次讨论主题的bug，当去掉图一中的get关键字时候，filteredData()为定义的函数，但是在图二时，filteredData理应为可以进行map操作的数组，这时在实际开发中，报错“filteredData is not a function”这就是get关键字的存取操作对函数对象的影响。...
深入理解ES6：超越2015
本书主要探讨了JavaScript语言的新特性，旨在帮助开发者掌握ECMAScript 2015（ES6）及后续版本中的高级概念和最佳实践。" 在《You Don't Know JS ES6 & Beyond》中，作者Kyle Simpson深入浅出地讲解了JavaScript ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值