JS高级——扩展内置对象的方法

最新推荐文章于 2024-03-07 18:14:02 发布

weixin_30267785

最新推荐文章于 2024-03-07 18:14:02 发布

阅读量204

点赞数

原文链接：http://www.cnblogs.com/wuqiuxue/p/8351420.html

版权

基本概念

内置对象有很多，几个比较重要的：Math、String、Date、Array

基本使用

1、内置对象创建出来的对象使用的方法使用的其实都是内置对象的原型对象中的方法

（1）a并没有charAt方法，但是它的原型确有此方法

<script>
    var a = new String('hello');
    console.log(a.charAt(1));
    console.log(a);
</script>

2、所以扩展内置对象的方法，可以直接给原型对象的属性进行扩展

（1）将字符串的第一个字符转成大写

<script>
    String.prototype.toUpper = function () {
        // this[0]--会有版本兼容问题
        var first = this.charAt(0);
        first = first.toUpperCase();
        return first + this.substr(1);
    }

    var a = 'hello';
    console.log(a.toUpper());//Hello
</script>

3、简单类型使用内置对象扩展方法的问题

（1）打印简单类型，返回都是都所赋的值，他们是怎么能够获取到内置对象的方法呢？

（2）简单类型调用内置对象方法的时候，会进行一个隐式的转换

<script>
    'hello'.charAt(1);
    //====>大概隐式转换过程
    var _s = new String('hello');
    _s.charAt(1);
    _s = null
</script>

4、直接将内置对象的原型对象进行替换是系统不允许的，替换了也是白替换，在严格模式下会直接报错'use strict'

5、所以最好的方法是通过一个干净的中介，最后可以达到不修改原内置对象的目的

<body>
    <script>
        function Person() {

        }
        Person.prototype = new Array();
        Person.prototype.say = function () {
            console.log(1);
        }
        console.dir(new Person());
        console.dir(new Array());
    </script>
</body>

转载于:https://www.cnblogs.com/wuqiuxue/p/8351420.html

weixin_30267785

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS高级——扩展内置对象的方法

基本概念内置对象有很多，几个比较重要的：Math、String、Date、Array基本使用1、内置对象创建出来的对象使用的方法使用的其实都是内置对象的原型对象中的方法（1）a并没有charAt方法，但是它的原型确有此方法<script> var a = new String('hello'); console.log(a.charAt(1)...
复制链接

扫一扫