OO理解对象

最新推荐文章于 2022-01-21 20:23:20 发布

linhongyong

最新推荐文章于 2022-01-21 20:23:20 发布

阅读量398

点赞数

分类专栏： JavaScript语法文章标签： javascript 面向对象的程序设计

本文链接：https://blog.csdn.net/linhongyong/article/details/53438299

版权

JavaScript语法专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JavaScript中的对象定义：无序属性的集合，其属性可以包含基本值、对象或者函数。严格的讲，这就相当于对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每一个名字都映射到一个值。正因为这样，我们可以把JavaScript的对象想象成散列表；无非就是一组名值对，其中值可以是数据或者函数。

理解对象

创建自定义对象的最简单方式：

<!DOCTYPE html>
<html>
<head>
    <title>Creating Objects Example</title>
    <script type="text/javascript">

        var person = new Object();
        person.name = "Nicholas";
        person.age = 29;
        person.job = "Software Engineer";
        person.sayName = function(){
            alert(this.name);
        };

        person.sayName();

    </script>
</head>
<body>

</body>

对象字面量：

var person = {
    name:"Nicholas",
    age:29,
    job:"Software Engineer",
    sayName: function(){
    alert(this.name);
};

属性类型

两种属性：数据属性和访问器属性

数据属性(有四个描述其行为的特性)

[[Configurable]]:表示能否通过delete删除属性，能否修改属性的特性，能否把属性修改成访问器属性。
[[Enumerable]]:表示能否通过for-in循环返回属性。
[[Writable]]:表示能否修改属性值。
[[Value]]:包含这个属性的数据值。读取属性值的时候从这个位置读，写入属性值的时候把新值保存在这个位置。

像上面的例子中那样直接在对象上定义的属性默认值为：true、true、true、undefined。
要修改属性默认特性，必须使用Object.defineProperty()方法。

var person = {}
Object.defineProperty("person","name",{
    writable:false,
    value:"yonghong"        
});
alert(person.name);//"yonghong"
person.name="hongyong"
alert(person.name);//"yonghong"

访问器属性

[[Configurable]]:同数据属性。
[[Enumerable]]:同数据属性。
[[Get]]:在读取属性时调用的函数。默认undefined
[[Set]]:在写入属性时调用的函数。默认undefined
要修改属性默认特性，必须使用Object.defineProperty()方法

var book={
    ——year:2014，
    edition:1
};
Object.defineProperty(book,"year",{
    get:function(){
        return this._year;
    },
    set:function(newValue){
        if(newValue>2014){
            this._year=newValue;
            edition+=newValue-2004;
        }
    }
});
book.year=2005;
alert(edition);//2

定义多个属性的特性

var book={};
Object.defineProperties(book,{
    _year:{
        writable:false,
        enumerable;false;
        value:2016;
    },
    edition:{
        configurable:true;
    },
    year:{
        get:function(){

        }
        set:function(newValue){

        }
    }

});

读取属性的特性

<!DOCTYPE html>
<html>
<head>
    <title>Get Property Descriptor Example</title>
    <script type="text/javascript">

        var book = {};

        Object.defineProperties(book, {
            _year: {
                value: 2004
            },

            edition: {
                value: 1
            },

            year: {            
                get: function(){
                    return this._year;
                },

                set: function(newValue){
                    if (newValue > 2004) {
                        this._year = newValue;
                        this.edition += newValue - 2004;
                    }                  
                }            
            }        
        });

        var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
        alert(descriptor.value);          //2004
        alert(descriptor.configurable);   //false
        alert(typeof descriptor.get);     //"undefined"

        var descriptor = Object.getOwnPropertyDescriptor(book, "year");
        alert(descriptor.value);          //undefined
        alert(descriptor.enumerable);     //false
        alert(typeof descriptor.get);     //"function"


    </script>
</head>
<body>
    <p>Note: this example only works in browsers that have implemented the ECMAScript 5 <code>Object.defineProperty()</code> method (IE9 and Firefox 4).</p>
</body>
</html>

descriptor为一个对象，属性为所有的特性（4个）。
使用Object.defineProperty(),Object.defineProperties()后默认值由true变false。

linhongyong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
OO理解对象

JavaScript中的对象定义：无序属性的集合，其属性可以包含基本值、对象或者函数。严格的讲，这就相当于对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每一个名字都映射到一个值。正因为这样，我们可以把JavaScript的对象想象成散列表；无非就是一组名值对，其中值可以是数据或者函数。理解对象创建自定义对象的最简单方式：<!DOCTYPE html><html><head>
复制链接

扫一扫