JS的get和set使用示例

最新推荐文章于 2025-04-25 09:39:51 发布

转载最新推荐文章于 2025-04-25 09:39:51 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yanan-boke/p/6824324.html

文章标签：

#javascript #ViewUI

本文详细介绍了JavaScript中get与set方法的应用技巧，通过实例展示了如何利用这些方法实现属性的读取与验证设置，包括如何限制不合理输入。

javascript中set与get方法详解

其中get与set的使用方法：

1、get与set是方法，因为是方法，所以可以进行判断。

2、get是得到一般是要返回的 set 是设置不用返回

3、如果调用对象内部的属性约定的命名方式是_age

然后就是几个例子来简单说明一下：

例子2：

    <script type=
    "text/javascript"
    >
   
    var 
    p = {
   
    name:
    "chen"
    ,
   
    work:
    function
    () {
   
    console.log(
    "wording..."
    );
   
    },
   
    _age:18,
   
    get age(){
   
    return 
    this
    ._age;
   
    },
   
    set age(val) {
   
    if 
    (val<0 || val> 100) {
    //如果年龄大于100就抛出错误
   
    throw 
    new 
    Error(
    "invalid value"
    )
   
    }
    else
    {
   
    this
    ._age = val;
   
    }
   
    }
   
    };
   
    console.log(p.name);
    //输出chen
   
    </script>

    浏览器的直接调试结果：
   
    p.age
   
    "18"
   
    p.age=23
   
    "23"
   
    p.age=200
   
    Uncaught Error: invalid value

转载于:https://www.cnblogs.com/yanan-boke/p/6824324.html