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. 百度编译器ueditor目录创建失败问题解决

    修改ueditor编辑器的文件Uploader.class.php   例如: vim protected/widget/ueditor/php/Uploader.class.php :283 if( ...

  2. <python基础>python继承机制

    子类在调用某个方法或变量的时候,首先在自己内部查找,如果没有找到,则开始根据继承机制在父类里查找. 根据父类定义中的顺序,以深度优先的方式逐一查找父类! class D: def show(self) ...

  3. Til the Cows Come Home（spfa做法）

    题目题目描述贝茜在谷仓外的农场上,她想回到谷仓,在第二天早晨农夫约翰叫她起来挤奶之前尽可能多地睡上一觉．由于需要睡个好觉,贝茜必须尽快回到谷仓．农夫约翰的农场上有N(2≤N≤1000)个路标,每一个路 ...

  4. kafka消息深入学习

    Kafka是一个分布式的基于发布/订阅模式的消息队列,主要应用于大数据实时处理领域. 1  快写  快读 看下面的图: 传统应用是  硬件到缓存,到应用 再socket进行传输,再进行网络传输,再到用 ...

  5. Java中在磁盘上复制文件

    使用字节流实现 public static void main(String[] args) throws IOException { InputStream in = new FileInputSt ...

  6. http://localhost:8080 is requesting your username and password

    after you startup your tomcat,  you type a concrete request url  in broswer, the tomcat probably wil ...

  7. 小白如何在Windows下使用Redis

    一.redis下载按装  Nuget 可以直接下载 redis 将下来的包拷贝到自已需要的目录如我放到桌面文件夹“近期需要\Redis应用\redis-64.3.0.503” 操作 cmd进入命令操作 ...

  8. 如何将sql查询出的列名用注释代替？

    如何将sql查询出的列名用注释代替? 大家正常的工作的时候,会有这样的要求,客户想要看下原始数据,但是呢.前台导出又麻烦,这时候只能从数据库拷贝出来一份.但是呢,数据库里面的字段客户又看不明白,只能用 ...

  9. vue axios----基于 Promise 的 HTTP 请求

    vue axiosvue2.0之axios接口請求管理功能特性axios API開始使用get請求post请求多个请求并发拦截器移除一个拦截器:自定义的 axios 实例添加拦截器:vue2.0之ax ...

  10. mysql命令行执行时不输出列名(字段名),直接显示字段对应的数值

    执行命令时加个-N参数就可以了 -N, –skip-column-names 比如说:mysql -uroot -p1234546 -N -e “select * from user;”