zoukankan      html  css  js  c++  java
  • javascript的封装实例

    StringBuffer方法的js自定义封装:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    </head>
    <body>
    <script language="JavaScript">
    function StringBuffer()
    {
    this._strings_=new Array();
    }
    StringBuffer.prototype.append=function(str)
    {
    this._strings_.push(str);
    }
    StringBuffer.prototype.toString=function(){
    return this._strings_.join("");
    }
    //call
    var strobj=new StringBuffer();
    strobj.append("hello");
    strobj.append("world");
    alert(strobj.toString());
    </script>
    </body>
    </html>

    修改对象已有的属性,创建新方法

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    </head>
    <body>
    <script language="JavaScript">
    Number.prototype.toHexString=function()
    {
    return this.toString(16);
    }
    //call
    var iNum=15;
    alert(iNum.toHexString());
    </script>
    </body>
    </html>

    封装Array的压栈和出栈及indexOf方法:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    </head>
    <body>
    <script language="JavaScript">
    Array.prototype.enqueue=function(vItem)
    {
    this.push(vItem);
    }
    Array.prototype.dequeue=function() {
    return this.shift();
    }
    Array.prototype.indexOf=function(vItem)
    {
    for(var i=0;i<this.length;i++)
    {
    if(vItem==this[i])
    {
    return i;
    }
    }
    return -1;
    }
    //call
    var arr=new Array();
    arr.enqueue("aaa");
    arr.enqueue("bbb");
    arr.dequeue();
    alert(arr);
    </script>
    </body>
    </html>

    封装Object的alert方法:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    </head>
    <body>
    <script language="JavaScript">
    Object.prototype.alert=function()
    {
    alert(this.valueOf());
    }
    //call
    var str="hello";
    var iNum=33;
    str.alert();
    iNum.alert();
    </script>
    </body>
    </html>

  • 相关阅读:
    const用法详解(转)
    [转]Scintilla开源库使用指南
    javascript 流程控制语句 if 语句
    knockout.js 练习一
    深入Node.js的模块机制
    js本地存储解决方案(localStorage与userData)
    linear-gradient 渐变 css3新属性
    制作响应式网站时,用来测试不同宽度下网页展示效果的方法
    zepto.js, django和webpy
    attachEvent 与 addEventListener 的用法、区别
  • 原文地址:https://www.cnblogs.com/klsw/p/5296646.html
Copyright © 2011-2022 走看看