当前位置: 首页 > news >正文

外贸网站建设专业定制网络营销工程师

外贸网站建设专业定制,网络营销工程师,做ppt兼职网站有哪些,福州在JavaScript中,对象的属性不仅可以是数据属性(即常规的键值对),还可以是访问器属性(accessor properties)。访问器属性不包含实际的数据值,而是定义了如何获取(get)和设…

在JavaScript中,对象的属性不仅可以是数据属性(即常规的键值对),还可以是访问器属性(accessor properties)。访问器属性不包含实际的数据值,而是定义了如何获取(get)和设置(set)一个值。这些操作由getter和setter函数执行。

get属性(getter)

get是一种定义在对象内部的函数,用于访问某个属性值时返回一个值。当你试图访问该属性时,getter函数会被自动调用。

使用方法:

const obj = {_value: 42,get value() {console.log("Getter is being called!");return this._value;}
};console.log(obj.value); // 输出: "Getter is being called!" 然后输出: 42

get的作用:

  1. 计算属性:当对象的属性值取决于其他属性或某些外部因素时,可以使用getter。
  2. 验证和控制访问:当访问对象的某个属性时,可以使用getter来执行特定的验证或日志操作。
  3. 懒加载:只在首次访问属性时计算其值,并缓存该值以供后续使用。
  4. 代理属性:为对象的其他属性或外部数据源提供别名或特定的访问逻辑。

使用场景示例:

  1. 计算属性

    const circle = {radius: 5,get area() {return Math.PI * this.radius * this.radius;}
    };console.log(circle.area); // 输出圆的面积
    
  2. 控制属性访问

    const person = {_age: 0,get age() {return this._age;},set age(value) {if (value < 0) {console.warn("Age cannot be negative!");} else {this._age = value;}}
    };person.age = -5; // 输出警告: "Age cannot be negative!"
    
  3. 懒加载

    let expensiveObject = {_data: null,get data() {if (!this._data) {console.log("Fetching data...");this._data = "Expensive Data";}return this._data;}
    };console.log(expensiveObject.data); // "Fetching data..." 然后输出: "Expensive Data"
    console.log(expensiveObject.data); // 直接输出: "Expensive Data"(不再"Fetching data...")
    

综上,getter使我们能够对对象属性的访问进行更精细的控制,并提供计算、验证、日志记录、懒加载等功能。

get会被Json序列化?

在JavaScript的JSON序列化过程中,getset 的行为有所不同:

  1. get(getter):当你使用JSON.stringify方法序列化一个对象时,如果该对象的某个属性是通过getter定义的,那么getter会被调用,并且返回的值会被序列化到JSON字符串中。换句话说,getter的结果会被序列化。
const obj = {_value: 42,get value() {return this._value;}
};const jsonString = JSON.stringify(obj); // 输出为'{"_value":42,"value":42}'

如上所示,尽管value属性是通过getter定义的,它的值(由getter返回的值)被正确地序列化到了JSON字符串中。

  1. set(setter):setter在JSON.stringify的序列化过程中不起作用,因为它与特定的值无关。setter只定义了如何设置某个属性的值,而不定义了要序列化的具体值。因此,setter本身不影响序列化的结果。

    const obj = {_value: 42,get value() {return this._value;},set value(val) {this._value = val;}
    };const jsonString = JSON.stringify(obj); // 输出依然为'{"_value":42,"value":42}'
    

总结:在JSON.stringify的序列化过程中,getter会被调用并将其返回的值序列化,而setter则被忽略。

http://www.zhongyajixie.com/news/2136.html

相关文章:

  • 中国网站备案企业管理培训视频免费
  • 导购类网站怎么做淄博信息港聊天室网址
  • 上海到北京的火车临沂seo公司稳健火星
  • 网站开发在线打开word万能推广app
  • 南昌自主建站模板重庆百度推广排名优化
  • 济南建站网站网站排名费用
  • 做的网站 只显示代码长尾关键词挖掘精灵
  • 如何在网站做广告上海网站推广服务公司
  • 做动态网站用哪个程序软件比较简单爱站工具包怎么使用
  • 做网站图片代码怎么居中国外免费推广网站有哪些
  • 淄博网站建设专家西安seo代运营
  • 做网站界面一般用什么来做系统优化的例子
  • 方圆网站建设百度贴吧网页版入口
  • 旅游网站开发成本包括域名停靠网页app推广大全
  • 网站建设 软件有哪些方面it培训机构哪个好一点
  • 临沂网站制作价格济南网站优化
  • 番禺建网站价格无锡seo公司找哪家好
  • 网站建设 部署与发布题库北京网站优化校学费
  • 舆情信息怎么写seo外包是什么意思
  • 网站开发需要20万山西seo关键词优化软件搜索
  • 广州做企业网站下载百度app最新版
  • 房地产集团网站建设方案免费网站建设
  • 商城网站建设报价表谷歌关键词排名查询工具
  • 淘宝电商台湾专线网站建设常德网站seo
  • 我国基层政府网站建设情况百度优化排名
  • 微商网站如何做推广宣传推广
  • 洛阳网站建设 培训网址关键词查询网站
  • 怎么做 社区网站首页深圳网站seo哪家快
  • 福州做公司网站网络推广网站排名
  • 管庄网站建设广告买卖网