ECMAScript5，object对象扩展

左手的ㄟ右手 2022-01-16 02:15 258阅读 0赞

## object对象扩展 ##

<script>
        /**
         * 对象的扩展
         * 以一个对象为原型  创建另一个对象
         * 使用Object.create方法
         * 内置两个参数  第一个参数是  原型对象
         * 第二个参数是对象的描述
         */
        //先创建一个对象
        var obj = {
                name : '庞广达',
                age : 18,
                sex : '男'
            };
        //console.log(obj);
        //创建另一对象  其实就是对另一个对象的填充
        //新创建的对象  对原型对象实现一个继承 拥有原型对象所有的属性  还有自己的属性
        //第一个参数是原型对象
        //第二个参数是对象的描述   第二个参数的表现形式是一个JSON
        //用来描述对新对象的填充
        /*
        var newObj = Object.create(obj,{
            'school' : {
                'value' : '吉林大学'
            },
            'tel' : {
                'value' : '17301079201'
            }
        });
        */
        //打印一下新的对象
        //console.log(newObj);
        //得到的结果是  school : 吉林大学
        //实质上  我们新的对象（newObj）并不是只有school属性  他拥有原型对象中的所有属性
        //只不过在这里进行了隐藏   看不到而已
        //console.log(newObj.name);
        //返回的结果是庞广达
        //新的对象实现了我们的继承
        //描述参数1  value  ： 值
    
        //注意   ：   书写Object.create方法的时候  注意传参的格式
        //******************************************************************
    
        var newObj = Object.create(obj,{
            'school' : {
                'value' : '吉林大学',
                'writable' : true,
                'configurable' : true,
                'enumerable' : true
            },
            'address' : {
                'value' : '北京市丰台区六里桥街道',
                'writable' : false,
                'configurable' : false,
                'enumerable' : true
            }
        });
    
    //    console.log(newObj);
        //描述参数2  ：  writable  可否改写   默认值为false
        //也就是说  对象的属性是不能随意更改的
        //除非把writable属性的值设定为true
    //    console.log(newObj.school = '清华大学');
    //    newObj.address = '广东省广州市黄浦区开创大道中南方物流';
    //    console.log(newObj);
    //*************************************************************
    
        //描述参数3  ：  configable   可否删除
        //在我们新创建的对象中  有很多这样的描述参数  基本上   默认都是为false的
        //但是我们可以进行更改  修改成true
        //delete newObj.address;
        //console.log(newObj);
        //返回的结果没有任何变化   那也就是说  不能删除
    
        //那么如果说我现在删除school属性  这个属性是可以删除的
        // delete newObj.school;
        // console.log(newObj);
        //configurable  如果说这个描述参数的值是true  那么   该属性是可以删除的
    //*********************************************************************
    
        //描述参数4 ： enumerable  :  可否枚举
        //下面第一个问题  什么是枚举
        //其实在数据库中的枚举  只是一种选择
        //在我们JS中的可否枚举  只是说  这个对象属性  可否遍历而已
    
        for (var i in newObj)
        {
            document.write(newObj[i] + ',');
        }
    
        //枚举其实就是遍历   可都枚举就是可否遍历
        //在我们这个Object.create方法中  我们这个常用描述参数也就只有这么多
    
    
    
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript6（ES6）标准之对象Object扩展方法及新特性

S6对于Object也扩增了几个方法不过最重要的是 ES6扩展了一些语法比如说允许直接写入变量和函数，作为对象的属性和方法使我们的对象更加简洁 ...

不念不忘少年蓝@/ 2024年04月18日 04:09/ 0 赞/ 35 阅读

相关 ES5___Object 扩展

一、ES5给Object扩展了一些静态方法, 常用的2个： 1. Object.create(prototype, \[descriptors\]) 作用: 以指定

迷南。/ 2022年12月08日 05:30/ 0 赞/ 122 阅读

相关 ES5--json和Object对象扩展

JSON.stringify(obj/arr) js对象/数组转换为json对象/数组 JSON.parse(json) json对象/数组转换为js对象/数组

水深无声/ 2022年12月06日 04:14/ 0 赞/ 149 阅读

相关 ECMAScript6笔记：对象的扩展

属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 var foo = 'bar'; var baz = {fo

Love The Way You Lie/ 2022年07月15日 09:54/ 0 赞/ 181 阅读

相关 ECMAScript 6（10）——数字的扩展（2）Math对象的扩展

数字的扩展（1）Number对象的扩展请参考[上一篇文章][Link 1] 4、Math对象的扩展 4.1、去掉小数部分的Math.trunc() > Math.

小灰灰/ 2022年06月16日 00:36/ 0 赞/ 128 阅读

相关 ECMAScript 之Object

在ECMAScript 中Object类是所有类的基类，Object类所拥有的属性和方法都会被其子类所继承。所以我们有必要了解一下Object类。 Object类方法 h

比眉伴天荒/ 2022年05月27日 12:19/ 0 赞/ 187 阅读

相关 ECMAScript5，object对象扩展

object对象扩展 <script> / 对象的扩展以一个对象为原型创建另一个对象

左手的ㄟ右手/ 2022年01月16日 02:15/ 0 赞/ 259 阅读

相关 ECMAScript 6（13）对象的扩展

目录 1. 简要概括 2. 简洁写法 2.1 属性名缩写, 与函数缩写 2.2 setter和getter的简洁写法 3. 属性名表达式 3.1

妖狐艹你老母/ 2021年09月19日 15:30/ 0 赞/ 288 阅读

相关 ECMAScript 6（9）数值的扩展 (9) Math对象扩展

目录 Math对象的扩展 1. Math.trunc() 去除小数部分，返回整数 2. Math.sign() 判断正数、负数、零 3. Math.cart

柔光的暖阳◎/ 2021年09月19日 13:48/ 0 赞/ 299 阅读

相关 ECMAScript 6（8）数值的扩展 (1) Number对象扩展

目录数值的扩展 1. 二进制和八进制 2. 数字类型判断 Number.isFinite(), Number.isNaN() Number.isFin

心已赠人/ 2021年09月19日 13:46/ 0 赞/ 301 阅读