Javascript set 和 get 关键字

最新推荐文章于 2025-01-05 08:42:55 发布
原创 最新推荐文章于 2025-01-05 08:42:55 发布 · 5.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #set #get #keyword

本文详细介绍了JavaScript中Set和Get关键字的应用，这两种关键字主要用于在类中创建伪属性，通过具体的例子来展示如何使用它们。

Javascript set 和 get 关键字

这两个关键字是用了在类中建伪属性（pseudo-property）的，
具体说明和例子参看

vue.js get和set方法使用
05-03
NULL 博文链接：https://fanshuyao.iteye.com/blog/2434769
js中get和set关键字作用,js中getattribute用法
阿发狗伪原创
10-26 443
这篇文章主要介绍了js中get和set关键字作用，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。
get关键字
weixin_45591617的博客
02-22 418
对象被私有，如何在类中获取被赋值后的的对象？ 打印：周经理 StudentTest类 步骤： 1.再类中实例化创建对象 Student student = new Student(); 2.用对象名+setName给对象赋值 student.setName(“周经理”) 3.用对象名+getName获取对象的值 student.getName(); sout…(student.getName); ...
Js中的get和set
qq_45849364的博客
04-11 1749
get表示读，set表示写。用来保障数据不被修改。
JavaScript 学习之旅：第十八课：关键字 get 和 set
caifox的博客
01-05 888
在 JavaScript 中，对象是由一组键值对组成的，每个键（也称为属性名）对应一个值。你可以通过点符号或方括号语法来读取和设置对象的属性。对象的属性是由键值对组成的，你可以通过点符号或方括号来读取和设置属性。
js中get和set关键字作用,js中的set和get机制
chatgpt002的博客
11-09 185
大家好，小编为大家解答js中get和set关键字作用的问题。很多人还不知道js中的set和get机制，现在让我们一起来看看吧！
JS的get方法和set方法
庸人方自扰，自在就好
04-27 1万+
get 关键字将对象属性与函数进行绑定，当属性被访问时，对应函数被执行。 set 关键字将对象属性与函数进行绑定，当属性被赋值时，对应函数被执行。 基本用法： let obj = { a: '吕小布', get b() { console.log('一旦调用对象的b属性，就会触发b属性的get方法') }, set b(newVal) { b = newVal console.log('调用了b属性的set方法，方法的值是：' + newVal) } } obj.
JavaScript中的关键字
HHHheziyan的博客
07-12 683
const： const声明的变量必须直接初始化且不允许二次赋值 <script type="text/javascript"> const name="Tom"; console.log(name); name="Tim";//对name进行了二次赋值，将会报错 console.log(name); </script> 报错内容：TypeError: in...
JS中set、get
weixin_44990056的博客
08-20 1221
javascript中set与get方法详解 其中get与set的使用方法： 1、get与set是方法，因为是方法，所以可以进行判断。 2、get是得到 一般是要返回的 set 是设置 不用返回 3、每一个对象都有set 和 get方法 ...
js中get和set方法有什么用,js中get和set关键字作用
wenangou6
12-01 579
本篇文章给大家谈谈js中get和set方法有什么用，以及js中get和set关键字作用，希望对各位有所帮助，不要忘了收藏本站喔。
[js] js中的 set & get
gjc9620的专栏
07-02 446
set get js __defineSetter__ __defineGetter__ __lookupGetter__ __lookupSetter__
js的set和get
07-06 165
'use strict' class Student { constructor(_name,age){ this.name = _name; this.age = age; } set name(_name){ this._name = 'aaa'+_name; }; ge...
get（C#）
qq_64410237的博客
07-13 1845
在C#编程中，"get"是一种访问器（Accessor）关键字，用于定义属性（Property）的获取方法。当你定义一个属性时，可以使用get关键字定义获取属性值的方法。一个属性通常由get和set两个访问器组成，get访问器用于获取属性值，而set访器用于设置属性值。通过get访问器，我们可以通过访问MyProperty来获取属性的值。在这种情况下，get访问器直接返回myProperty的值。这样，我们可以将属性视为一种特殊类型的字段，对外提供只读或可读写的访问方式，对属性的获取通过get访问器完成。
JS中的get和set方法。
weixin_46953330的博客
03-16 2万+
1.什么是get和set方法。 get是获得属性的一种方法。 set是设置属性的一种方法。 get负责查询，不带任何参数。 set负责设置，是通过参数的形式传递。 2.get和set的使用方法。 get和set是方法，所以可以进行判断。 get一般是得到，需要返回。 set是创建，不需要返回。 每一个对象都有一个get和set方法。 如果调用的是对象内部的属性，命名格式是变量名前面添加。 3.get和set的定义。 在对象初始化时定义。 在对象定义后定义。 //在对象初始化时定义。 var ob
js类class中get、set的运用
dizaowudishenhua的博客
06-11 1万+
js的类class中get、set的运用及注意事项
js中Set基本使用
热门推荐
RayShyy的博客
03-02 4万+
介绍 ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。Set 在很多方面都像是加强的 Map，这是因为它们的大多数 API 和行为都是共有的。 基本API 1. 创建Set实例 使用 new 关键字和 Set 构造函数可以创建一个空集合： const s = new Set(); 如果想在创建的同时初始化实例，则可以给 Set 构造函数传入一个可迭代对象，其中需要包含插入到新集合实例中的元素(Set 可以包含任何 JavaScript 数据类型作为值)： const
Node.js 中 Java类的定义，set、get方法，类的实例化，继承的实现，方法重写：学习心得 ...
weixin_34334744的博客
01-18 974
一、Node.js "实体类" 的定义 //定义类Person 有参构造方法 function Person(name, sex, age, addr, salary) { this.name = name; this.sex = sex; this.age = age; this.addr = addr;...
Nodejs处理get与post请求
-
02-17 489
在学习nodejs，记录一下nodejs处理get请求和post请求并将请求信息整合返回给客户端的基本思路 const http = require('http'); const querystring = require('querystring'); const server = http.createServer( (req , res ) => { const method = req.method; //请求方式 const url = req.url; //请求的u
javaScript 高级05 ES6新增的关键字和方法、set集合
weixin_45734686的博客
11-09 456
javaScript 高级05 1. ES6 ES6的概念：ES6就是ECMAScript，就是脚本语言的标准化体现，2016年之后出现的统称为ES6。 学习ES6是大势所趋，它更加方便我们程序员的开发工作。 2. ES6新增关键字 2.1 let let 是ES6中新增的声明变量的语法 结构： let num（变量名）= 66（值）; 特点： 不存在变量提升（即页面预加载时的变量、方法声...
JS中set和get
最新发布
08-06
<think>我们被要求解释JavaScript中set和get的用途及使用方法，并参考了提供的引用内容。 引用[1]提到：get和set关键字用于控制对象属性的读取和设置行为，实现更灵活和安全的数据管理。 引用[3]给出了一个简单的例子，并说明了set和get的特征：set方法有且仅有一个参数，不用return；get方法不能有参数，必须用return。 引用[4]展示了在Vue3.0中使用计算属性（computed）的get和set实现双向绑定。 引用[5]则给出了一个对象中使用set和get来在设置年龄时自动更新出生年份的例子。 因此，我们可以这样组织回答： 1. 引入：说明set和get的作用（控制属性访问，实现封装和验证等） 2. 基本语法：如何定义getter和setter（在对象字面量中，使用get和set关键字） 3. 特征：根据引用[3]总结特征（set一个参数，无返回；get无参数，必须返回） 4. 使用场景：数据验证、计算属性、双向绑定（如引用[4]）、数据联动（如引用[5]中年龄和出生年份） 5. 示例：给出几个例子，包括基本使用、验证、计算属性等。 注意：用户要求尽可能参考上一次的问题和回答，但这是用户第一次提问关于JavaScript的set和get，所以直接回答即可。 另外，根据系统指令，我们需要在行内数学表达式使用$...$，独立公式使用$$...$$，但本问题不涉及数学公式，所以可以忽略。但要注意代码块的使用。 我们将按照以下结构回答： 一、作用 二、基本语法 三、特征 四、使用示例 1. 基础示例 2. 数据验证 3. 计算属性（联动更新） 4. Vue3中的计算属性（可选，因为引用[4]提到，但用户问题没有限定Vue，所以简单提一下） 五、注意事项 最后生成相关问题。 注意引用标识：在回答中引用到的地方添加引用标识，如[^3]等。 开始回答：</think>在 JavaScript 中，`set` 和 `get` 是用于**控制对象属性访问**的特殊方法，它们通过拦截属性读写操作实现数据封装、验证和计算逻辑。以下是详细解析： --- ### 一、核心作用 1. **数据封装** 将属性设为私有（通常用 `_` 前缀表示），禁止外部直接访问，强制通过 `get/set` 方法操作[^3]。 2. **访问控制** - `set`：在赋值时执行验证或联动更新 - `get`：动态计算返回值 3. **数据联动** 修改一个属性时自动更新相关属性（如年龄 → 出生年份）[^5]。 --- ### 二、基础语法 ```javascript const obj = { _value: 0, // 私有属性（约定用 _ 前缀） // setter：接收一个参数 set value(newVal) { if (newVal >= 0) { // 数据验证 this._value = newVal; } }, // getter：无参数，必须返回 get value() { return this._value * 2; // 返回计算值 } }; obj.value = 10; // 触发 setter console.log(obj.value); // 20（触发 getter） ``` > **特征总结**（根据引用[^3]）： > - `set`：有且仅有一个参数，无返回值 > - `get`：无参数，必须用 `return` 返回值 --- ### 三、使用场景与示例 #### 1. 数据验证（拦截非法值） ```javascript const user = { _age: 0, set age(val) { if (val < 0) throw Error("年龄不能为负数"); this._age = val; }, get age() { return this._age; } }; user.age = 25; // 有效 user.age = -5; // 报错：年龄不能为负数 ``` #### 2. 属性联动（自动更新关联值） ```javascript const person = { _age: 0, birthYear: null, set age(value) { this._age = value; this.birthYear = new Date().getFullYear() - value; // 自动计算出生年份 }, get age() { return this._age; } }; person.age = 30; console.log(person.birthYear); // 输出当前年份-30 ``` > 当设置 `age` 时，`birthYear` 自动更新[^5]。 #### 3. 计算属性（动态返回值） ```javascript const rectangle = { _width: 10, _height: 5, set width(val) { this._width = val }, set height(val) { this._height = val }, get area() { return this._width * this._height; // 实时计算面积 } }; rectangle.width = 20; console.log(rectangle.area); // 100 ``` #### 4. Vue 双向绑定（参考引用[^4]） 在 Vue 计算属性中使用： ```javascript import { ref, computed } from 'vue'; setup() { const age = ref(18); const newAge = computed({ get() { return age.value + 2 }, // 读取时 +2 set(val) { age.value = val - 2 } // 写入时反向操作 }); return { age, newAge }; } ``` > 模板中 `v-model="newAge"` 将自动触发 `set` 和 `get`。 --- ### 四、注意事项 1. **命名冲突**：避免 `get/set` 方法与普通属性同名 2. **无限递归**：在 `set` 中勿直接写同名属性（用 `_` 私有变量） ```javascript // 错误示例（会死循环） set value(val) { this.value = val; // 递归调用 set ！ } ``` 3. **兼容性**：ES5+ 支持，IE9+ 可用 --- ### 五、与 `Set` 数据结构的区别 注意区分**对象方法** `set/get` 和 **`Set` 数据结构**（引用[^2]）： ```javascript // Set 数据结构（用于存储唯一值） const mySet = new Set(); mySet.add(1); // 添加值 mySet.has(1); // 检查存在性 ``` ---
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值