JS Setter访问器,设置属性值

Setter访问器

JavaScript中的Setter访问器,可以用于访问设置对象中属性的值,与通过对象属性直接赋值的效果类似。


Setter访问器设置属性值实例代码,及在线编辑器

实例中创建声明了一个xiaolin的对象,并设计了一个Setter访问器,用于修改对象的score属性,其中setScore()虽然有个参数score,但是在修改的时候,使用setScore( 98 )时,程序无法执行,使用try...catch语句,得到的err信息为:TypeError: xiaolin.setScore is not a function,即这不是一个函数,无法传递参数。除此之外,实例还使用xiaolin.age = 20这样直接赋值修改属性值的方式同Setter访问器进行对比:

<script>
  var xiaolin = {
    name:'小林',
    age:22,
    score:99,
    set setScore(score){
      this.score = score
    }
  }
  xiaolin.setScore = 98
  alert(xiaolin.score)
  try{
    xiaolin.setScore(100)
  }catch(err){
    alert(err)
  }
  xiaolin.age = 20
  alert(xiaolin.age)
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.