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. testNG官方文档翻译-1 简介

    官方文档链接http://testng.org/doc/documentation-main.html 简介 TestNG是一个被设计用来简化广泛的测试需求的测试框架,它既可应用于单元测试(测试一个独 ...

  2. java 生成随机数字+字母组合 和字母组合

    生成随机数包含数字,字母 /** * 生成随机数当作getItemID * n : 需要的长度 * @return */ private static String getItemID( int n ...

  3. Centos 能ping通域名和公网ip但是网站不能够打开，服务器拒绝了请求。打开80端口解决。

    博客搬迁,给你带来的不便,敬请谅解! http://www.suanliutudousi.com/2017/10/29/centos-%E8%83%BDping%E9%80%9A%E5%9F%9F%E ...

  4. C# 反射入门

    反射 别的用处先不管,至少在WinForm登录后的权限控制上有大用,比如登录后的窗体左侧树,点击通过字符串创建出窗体实例 案例如下图 AssTest类很简单 namespace assemblyTes ...

  5. .net core 下的跨域设置

    1.CORS中间件处理跨源请求.以下代码为具有指定源的整个应用程序启用CORS: public void Configure(IApplicationBuilder app, IHostingEnvi ...

  6. 使用wireshark在windows平台下捕获HTTP协议数据包中的帐号密码信息

    1.打开wireshark软件,从Interface List中选择相应的网卡,例如我的PC机上是“本地连接”,然后选择”Start”启动抓包程序. 2.打开学校主页,输入账号和密码登录校内邮箱. 3 ...

  7. 富文本编辑器 CKeditor 配置使用+上传图片

    参考文献: 富文本编辑器 CKeditor 配置使用 CKEditor与CKFinder的配置(ASP.NET环境),老版本可以参考 CKEditor+CKFinder ASP版在本地电脑中的配置  ...

  8. [转]走进 LINQ 的世界

    序 在此之前曾发表过三篇关于 LINQ 的随笔: 进阶:<LINQ 标准查询操作概述>(强烈推荐) 技巧:<Linq To Objects - 如何操作字符串> 和 <L ...

  9. HashSet 详解

    基本介绍 1. 不允许重复(底层是HashMap,用key储存元素,value统一都是 PRESENT),可以为null,无顺序 2. HashSet就是为了提高查找效率的(在查找是否存在某个值时,A ...

  10. SQL Server SQLBindCol

    说明 编辑 版本引入:ODBC 1.0 遵从标准:ISO 92 功能说明: SQLBindCol将应用程序的数据缓冲绑定到结果集的各列 函数原型: SQLRETURN SQLBindCol( SQLH ...