1. Object.create(prototype[, descriptors]) : 创建一个新的对象

1). 以指定对象为原型创建新的对象

2). 指定新的属性, 并对属性进行描述

value : 指定值

writable : 标识当前属性值是否是可修改的, 默认为true

get : 用来得到当前属性值的回调函数

set : 用来监视当前属性值变化的回调函数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <script>

        'use strict'

 //  1. Object.create(prototype,[descriptors])

    //   作用：以指定对象作为原形的创建的新对象

    //   为新的对象指定新的属性，并对属性进行描述

    //   value：指定值

    //   writable 标识当前属性是否可以被修改，默认为false

    //   configurable：标识当前属性是否可以被删除，默认为false

    //   enumerable：标识当前属性是否能用for in 枚举，默认为false

      var obj={username:'damu',age:}

      var obj1={}

      //Object O是大写

 //     obj1=Object.create(obj);

 //     console.log(obj1)

      //obj1 添加属性

    //    obj1=Object.create(obj,{

    //        sex:{

    //            value:'男'

    //        }

    //    })

    //    console.log(obj1.sex)

       //修改obj1的属性

    //    obj1=Object.create(obj,{

    //        sex:{

    //            value:'男',

    //            writable:true

    //        }

    //    })

    //  console.log(obj1.sex)

    //  obj1.sex='女'

    //  console.log(obj1.sex);

      //   删除obj1的属性

    //    obj1=Object.create(obj,{

    //        sex:{

    //            value:'男',

    //            writable:true,

    //            configurable:true

    //        }

    //    })

    //  console.log(obj1.sex)

    //  obj1.sex='女'

    //  console.log(obj1.sex)

    //  delete obj1.sex;

    //  console.log(obj1)

     //    for in 枚举

        obj1=Object.create(obj,{

            sex:{

                value:'男',

                writable:true,

                configurable:true,

                enumerable:true

            }

        })

        for(var i in obj1){

            console.log(i)

        }

    </script>

</body>

</html>

Object create

2. Object.defineProperties(object, descriptors) : 为指定对象定义扩展多个属性

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>03_Object扩展</title>

</head>

<body>

<!--

ES5给Object扩展了好一些静态方法, 常用的2个:

. Object.create(prototype, [descriptors])

  * 作用: 以指定对象为原型创建新的对象

  * 为新的对象指定新的属性, 并对属性进行描述

    value : 指定值

    writable : 标识当前属性值是否是可修改的, 默认为false

    configurable: 标识当前属性是否可以被删除 默认为false

    enumerable： 标识当前属性是否能用for in 枚举 默认为false

. Object.defineProperties(object, descriptors)

  * 作用: 为指定对象定义扩展多个属性

  * get ：用来获取当前属性值得回调函数

  * set ：修改当前属性值得触发的回调函数，并且实参即为修改后的值

  * 存取器属性：setter,getter一个用来存值，一个用来取值

-->

<script type="text/javascript">

    //Object.defineProperties(object, descriptors)

    var obj2 = {

        firstName : 'curry',

        lastName : 'stephen'

    };

    Object.defineProperties(obj2, {

        fullName : {

            get : function () {

                return this.firstName + '-' + this.lastName

            },

            set : function (data) {

                var names = data.split('-');

                this.firstName = names[];

                this.lastName = names[];

            }

        }

    });

    console.log(obj2.fullName);

    obj2.firstName = 'tim';

    obj2.lastName = 'duncan';

    console.log(obj2.fullName);

    obj2.fullName = 'kobe-bryant';

    console.log(obj2.fullName);

</script>

</body>

</html>

3.

对象本身的两个方法
* get propertyName(){} 用来得到当前属性值的回调函数
* set propertyName(){} 用来监视当前属性值变化的回调函数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<!--

    对象本身的两个方法

    * get propertyName(){} 用来得到当前属性值的回调函数

    * set propertyName(){} 用来监视当前属性值变化的回调函数

-->

<script type='text/javascript'>

    var obj = {

        firstName : 'kobe',

        lastName : 'bryant',

        get fullName(){

            return this.firstName + ' ' + this.lastName

        },

        set fullName(data){

            var names = data.split(' ');

            this.firstName = names[];

            this.lastName = names[];

        }

    };

    console.log(obj.fullName);

    obj.fullName = 'curry stephen';

    console.log(obj.fullName);

</script>

</body>

</html>

ES5给object扩展的一些静态方法的更多相关文章

  1. ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)

    前面提到 ES5 对象属性描述符,这篇看看对象的扩展.密封和冻结. 扩展对象 Object.preventExtensions Object.isExtensible 密封对象 Object.seal ...

  2. es6之Object扩展及内部属性的总结

    对象扩展: 1.Object.is(A,B) :比较两个值是否相等,取代===运算:只要值相等代表相等:其中NAN和NAN相等:+0和-0不相等: 2.Object.assign(target,sou ...

  3. ES5特性Object.seal

    一个对象在默认状态下: 1,extensible:可扩展(可以添加新的属性) 2,configurable:可配置(可以改变原有属性的特性,比如修改属性的enumerable) Object.seal ...

  4. 从零开始学 Web 之 ES6（二）ES5的一些扩展

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  5. 利用babel工具将es6语法转换成es5，Object.assign方法报错

    一.新建工程初始化项目 1.新建工程文件夹这里起名叫做es6,然后在里面创建两个文件夹分别为src .dist如下图:(src为待转换es6 js存放目录,dist为编译完成后的es5 js存放目录) ...

  6. js Object扩展自定义方法,jQuery抛出 Uncaught TypeError: matchExpr[type].exec is not a function

    使用Jquery的时候,想在Object原型上添加自己扩展的方法的时候,启动项目之后,打开网页就会报如上错误信息,经过测试,可以在Object下的具体类型上进行扩展自定义方法,如String,Arra ...

  7. 给Object扩展新方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 解决webpack和gulp打包js时ES6转译ES5时Object.assign()方法没转译成功的问题

    在webpack或gulp打包的配置文件中package.json 引入"@babel/plugin-transform-object-assign": "^7.2.0& ...

  9. ES5_03_Object扩展

    ES5给Object扩展了一些静态方法, 常用的2个: 1. Object.create(prototype, [descriptors]) * 作用: 以指定对象为原型创建新的对象 * 为新的对象指 ...

随机推荐

  1. centos7.3 编译安装 git 2.13

    安装依赖包 sudo yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel 安装 $ ...

  2. python调用tushare获取A股周线行情

    接口:weekly 描述:获取A股周线行情 限量:单次最大3700,总量不限制 积分:用户需要至少300积分才可以调取,具体请参阅本文最下方积分获取办法 注:tushare模块下载和安装教程,请查阅我 ...

  3. 【洛谷】P1229快速幂

    题目链接:https://www.luogu.org/problemnew/show/P1226 题意:求b^p % m之后的结果 题解:快速幂模板 代码: #include<iostream& ...

  4. python接口自动化（响应对象方法）

    python接口自动化(响应对象方法) 一.encoding作用 获取请求的编码(在不设置响应编码时,响应的信息默认使用的是请求的编码格式):r.encoding 设置响应的编码:r.encoding ...

  5. Hadoop–Task 相关

    在MapReduce计算框架中,一个应用程序被划分为Map和Reduce两个计算阶段.他们分别由一个或多个Map Task 和Reduce Task组成. Map Task: 处理输入数据集合中的一片 ...

  6. 遍历对象不能通过for循环因为对象无序 可以通过for -n

    遍历对象不能通过for循环因为对象无序  可以通过for -n var json={ "name":“小明”, “age”:“10”, “sex”:"男" }; ...

  7. mysql 学习之1 mysql在window系统下的安装

    转载: https://blog.csdn.net/weixin_43295278/article/details/8287440 此方法只 适用 于window系统 坑 此篇文章在使用 alter ...

  8. 伪类元素before&after

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. Nginx集群配置启动报错

  10. delphi RichView的使用介绍

    RichView 组件 由 9 个组件模块组成,分别是: 1.TRVStyle:主要是定义RICHVIEW样式,定义后,其它RIHCVIEW都可以引用此样式.  2.TRichView :主要用于显示 ...