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. 6.2_springboot2.x分布式整合Dubbo

    1.分布式应用 ​ 在分布式系统中,国内常用zookeeper+dubbo组合,而Spring Boot推荐使用全栈的Spring,Spring Boot+Spring Cloud. 分布式系统: 特 ...

  2. DNF抽奖活动

    活动内容: DNF用户在注册页面注册获得抽奖资格(或分享好友注册)参与抽奖,产生奖品后,活动参与用户,在活动领奖页面领取奖品,金币及点券需填写相应游戏区服.qq号等信息,并且为防止活动刷子,在领取页提 ...

  3. 利用MySqlBulkLoader生成csv文件，批量添加数据

    DataTable dt = new DataTable(); dt.Columns.Add("Id", typeof(int)); dt.Columns.Add("Yw ...

  4. Ubuntu安装mongo可视化工具

    一.robo 3T 是mongodb的一个非常好用的可视化管理工具,曾经名为robomongo,现在被收购后改名为robo 3T.且现在robo 3T 1.1版本能支持mongodb3.4.现在在Ub ...

  5. Mongodb安装遇到的问题

    今天我第一次接触MongoDB,在安装过程中,因为对这个东西不了解,报错了我也不知道是哪里的错,还在网上查了半天资料,后来我懂了,感觉上午就是在浪费时间,是我没睡醒,没睡醒.. 在安装上MongoDB ...

  6. 修改docker镜像地址

    vim /etc/docker/daemon.json,使用国内加速站点镜像 https://registry.docker-cn.com http://hub-mirror.c.163.com ht ...

  7. idea 在新建一个class的时候可以选择继承的父类

    1.把光标放在父类名称上按alt+enter可以生成子类 2. 选中implement abstract class

  8. break , continue 和 标签 跳出循环

    break跳出代码块或循环 var i = 0: while ( i <= 10){ console.log(' i '); i ++; if ( i === 5 ) break; }// 0 ...

  9. 面向对象oop 和类

    面向对象与面向过程的区别 面向对象:面向对象的思维模式说白了就是分类思维模式.思考问题首先会解决问题需要哪些分类,然后对这些分类进行单独思考.最后,才对某个分类下的细节进行面向过程的思索 自我理解(领 ...

  10. PDO基础

    //PDO:数据访问抽象层 $dsn = "mysql:dbname=mydb;host=localhost";//造PDO对象 $pdo = new PDO($dsn," ...