JavaScript基础函数整理汇总

这里给大家整理汇总了一些javascript的基础函数,都是比较常用和实用的。整理出来也有助于大家更好的理解javascript。

代码如下:

<script type="text/javascript">
    /*创建函数和字面量函数*/
    /*
        function add(){
            alert("函数创建成功")
        };
        var testfunction=function(){
            alert("这是一个匿名函数");
        };
        add();  //调用函数
        testfunction();//调用字面量函数
    */
    /*   
        var testobj=new Object();  //创建对象
        testobj.run=function(){    //给对象创建方法
            alert("这是对象内部的方法");
        };
        testobj.run();   //调用对象的方法
    */
        /*创建函数对象*/
    /*
        function ball(){
        }
        ball.name1="testing";  //给函数对象创建属性
        alert(ball.name1);  //访问函数属性
        alert(typeof ball)
    */
        /*函数的引用*/
    /*
        function myFunction(message){
            alert(message);
        }
        var ptr=myFunction;   //将函数的引用传递给变量
        ptr("Testing");  //变量调用函数
    */
        /*将函数的引用传递给对象*/
    /*
        function sayName(name1){
            alert(name1);
        }
        var obj1=new Object();
        var obj2=new Object();
        var obj3=new Object();
        obj1.sayMyName=sayName;  //将引用传递给对象的变量,形成对象的方法
        obj2.sayMyName=sayName;
        obj3.sayMyName=sayName;
        obj1.sayMyName("张三")  //调用对象的方法
        obj2.sayMyName("李四");
        obj3.sayMyName("王五")
    */
    /*
        function add(){
        }
        add.message="chaiyesong"
        var ptr1=add;
        var ptr2=add;
        alert(ptr1.message);
        alert(ptr2.message)
        add.message="123";
        alert(ptr1.message)
        alert(ptr2.message)
    */
    /*引用指向另一个变量*/
    /*
        function add(){
            alert("one");
        }
        var ptr=add;
        ptr=function(){  //创建了另一个叫做myFunctionPtr的函数而不是修改它
            alert("ptr")
        }
        add=function(){  //引用指向了另一个函数,修改了函数的引用
            alert("two")
        }
        add()
        ptr()
    */
        /*创建函数对象*/
    /*
        function Ball(message){
            alert(message)
        }
        var ball0=new Ball("testing")
        ball0.name1="ball-0"
        alert(ball0.name1)
        function Ball(message){
            alert(message)
        }
        var ball0=new Object()
        ball0.constuct=Ball;  //将函数的引用指向了一个对象的构造器
        ball0.constuct("ceshiceshiceshi")  //由这个对象的构造器执行此函数
        ball0.name1="tesing"
        alert(ball0.name1)
        function Test(){
        }
        alert(Test.prototype)  //共享属性
    */
        /*添加共享属性*/
    /*
        function Fish(naem1,color1){
            this.name1=naem1
            this.color1=color1
        }
        Fish.prototype.LivesIn="water"  //添加共享属性
        Fish.prototype.price=20
        var fish1=new Fish("mackrel","gray")
        var fish2=new Fish("goldfish","orange");
        var fish3=new Fish("salmon", "white");
        for (var i=1; i<=3; i++)
        {
          var fish=eval("fish"+i);   // 我只是取得指向这条鱼的指针
          alert(fish.name1+","+fish.color1+","+fish.LivesIn+","+fish.price);
        }
    */
    /*   
        function Employee(name, salary)
            {
              this.name=name;              
              this.salary=salary;
            }
            Employee.prototype.getSalary=function getSalaryFunction()
            {
              return this.salary;
            }
            Employee.prototype.addSalary=function addSalaryFunction(addition)
            {
              this.salary=this.salary+addition;
            }
            var boss1=new Employee("Joan", 200000);
            var boss2=new Employee("Kim", 100000);
            var boss3=new Employee("Sam", 150000);
            alert(boss1.getSalary());   // 输出 200000
            alert(boss2.getSalary());   // 输出 100000
            alert(boss3.getSalary());   // 输出 150000
    */
    /*匿名函数*/
    /*
        (function(x,y){
                alert(x+y)
        })(2,3)//这个函数自我执行的能力
    */
    /*执行并且调用函数*/
    /*
        var f1=function(){
                return "testing"
            }
            alert(f1())
    */
        /*将自我执行的结果给变量*/
    /*
        var f2=function(){
                return "ok"
            }()
        alert(f2)
    */
        // (
        //     function(){
        //         alert("fa")
        //     }()
        // )
    /*
        function box(){
                var user='Tt'
                return function(){
                    return user;
                }
        }
        alert(box()()) //调用内嵌函数
    */
        // var b=box()
        // alert(b())
        /*通过闭包函数实行自动加*/
    /*
        function box(){
                var age=100
                return function(){  //调用的其实是这个方法,实现了数据在内存中驻留的时间
                    age++
                    return age;
                }
        }
        var b=box()
        alert(b())
        alert(b())
        alert(b())
    */
        /*开始版*/
    /*
        function box(){
            var arr=[] //申明一个数组
            for (var i = 0; i <5; i++) {
                arr[i]=function(){  //通过循环只是把函数赋值给了每个元素
                    return i;
                }   
            }
            return arr; //返回一个数组
        }
        var b=box() //把返回的数组赋值给b
        document.writeln("数组的长度为:"+b.length+"<br />")  //返回数组的长度
        for (var i = 0; i < b.length; i++) {
            document.writeln("匿名函数返回的值为:"+b[i]()+"<br />") //执行此函数每个元素的值是5,因为最后一个元素的值为5
        };
    */
         /*改进版*/
    /*
        function box1() {
                var arr1 = [];
                for (var i = 0; i < 5; i++) {
                    arr1[i] = (function (num) {       //自我执行,把函数自我执行的结果赋值给了每个元素
                    return num;
                    })(i);          //并且传参
                }
                return arr1;
        }
        var b1 = box1();  //返回时数组
        for (var i = 0; i < b1.length; i++) {
            document.writeln("改进后 输出的结果为:")
            document.writeln(b1[i]+"<br />");        //这里返回的是数组,直接打印即可
        }
    */
        //测试版
    /*
        var testarr=[];
            for (var i = 0; i < 5; i++) {
                testarr[i]=function(){
                    return i;
                }
            };
            document.writeln("测试板的长度为:"+testarr.length+"<br >")
            for (var i = 0; i < testarr.length; i++) {
                document.writeln("测试版第"+(i+1)+"次"+testarr[i]+"<br />")
            };
            var aa=function(){
                return 3
            }
            document.writeln("测试版测试的结果"+aa)
    */
        /*改进版3*/
    /*
        function box3() {
            var arr3= [];
            for (var i = 0; i < 5; i++) {
                arr3[i] = (function (num) {
                    return function () {     
                        return num;       
                    }
                })(i);//自我执行的结果赋值给每个元素,执行完了,将其执行的结果赋值给了每个元素
            }
            return arr3;
        }
        var b3= box3();
        for (var i = 0; i < b3.length; i++) {
            document.writeln(b3[i]()+"<br />");   
        }
    */
        /*js函数教程地址://http://www.cnblogs.com/ttcc/p/3763437.html*/
        /*闭包中的this指定的对象是window*/
    /*
        var user='The Window00';
        var obj={
            user:'The Window001',
            getUserFunction:function(){
                return function(){
                    return this.user;
                }
            }
        }
        document.writeln("返回this指定的对象"+obj.getUserFunction()())
    */
        // function box(count1){
        //     var i=12;
        //     for (var i = 0; i < count1; i++) {
        //         document.writeln(i);
        //     }
        // }
        // var i=10
        // box(2)
        /*闭包执行完毕,立马清除内存数据*/
    /*
        function box(count) {
                (function () {
                    for (var i = 0; i<count; i++){
                    }
                })();
                document.writeln(i);   //报错,无法访问
        }
        box(2);
    */
    /*通过闭包访问隐私属性*/
    /*
        function Box() {
            var age = 100;           //私有变量
            function run() {          //私有函数
                return '运行中...';
            }
            this.get = function () {   //对外公共的特权方法
                return age + run();
            };
        }
        var box = new Box();
        alert(box.get());
        function Person(value) {
            var user = value;     //这句可以省略
            this.getUser = function () {
                return user;
            };
            this.setUser = function (value) {
                user = value;
            };
        }
    */
    /*单例模式*/
    /*
        var box = function () {
                var user = 'TT';                                      //私有变量
                function run() {                                      //私有函数
                           return '运行中...'; 
                }
                return {
                           publicGo : function () {               //对外公共接口的特权方法
                                    return user + run();
                            }
                         };
        }();
        alert(box.publicGo());
    */
        /*单例模式*/
    /*
        function Desk() {
            //定义了一个函数
        }
        var box = function () {
                 var user = 'TT';                                      //私有变量
                 function run() {                                      //私有函数
                           return '运行中...'; 
                 }
                 var desk = new Desk();   //实例化自定义对象
                 desk.publicGo = function () {
                           return user + run();   //给自定义函数定义方法
                 };
                 return desk;
        }();
        alert(box.publicGo());
    */
</script>

上面就是个人整理的javascript基础函数了,小伙伴们仔细研究研究,希望大家能够喜欢

(0)

相关推荐

  • JavaScript入门之基本函数详解

    总的来说,函数在JavaScript中可以: ◆ 被赋值给一个变量 ◆ 被赋值为对象的属性 ◆ 作为参数被传入别的函数 ◆ 作为函数的结果被返回 ◆ 用字面量来创建 函数对象 1.1 创建函数 创建JavaScript函数的一种不长用的方式(几乎没有人用)是通过new操作符来作用于Function"构造器": 复制代码 代码如下: var funcName = new Function( [argname1, [... argnameN,]] body ); 参数列表中可以有任意多的参

  • javascript最基本的函数汇总

    我记得早期的 JavaScript ,要完成任何事情几乎都绕不开一些简单的函数,因为浏览器提供商实现功能有所差异,而且不只是边缘功能,基础功能也一样,如 addEventListener 和 attachEvent.虽然时代变了,但仍有一些函数是每个开发者都应该掌握的,以便于完成某些功能和提高性能. debounce 对于高耗能事件,debounce 函数是一种不错解决方案.如果你不对 scroll.resize.和 key* 事件使用 debounce  函数,那么你几乎等同于犯了错误.下面的

  • JavaScript基础函数整理汇总

    这里给大家整理汇总了一些javascript的基础函数,都是比较常用和实用的.整理出来也有助于大家更好的理解javascript. 复制代码 代码如下: <script type="text/javascript">     /*创建函数和字面量函数*/     /*         function add(){             alert("函数创建成功")         };         var testfunction=functi

  • JavaScript 基础函数_深入剖析变量和作用域

    函数定义和调用 定义函数,在JavaScript中,定义函数的方式如下: function abs(x){ if(x >=0){ return x; }else{ return -x; } } 上述abs() 函数的定义如下: function 指出这是一个函数定义; abs 是函数的名称: (x) 括号内列出函数的参数,多个参数以,分隔: {...}之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句. 注意:函数体内部的语句在执行时,一旦执行到return 时,函数就执行完毕,并将结果

  • Javascript基础 函数“重载” 详细介绍

    Javascript不像其他编程语言一样具有函数签名(什么是函数签名,简单的说就是说函数的接受参数类型和参数个数,也有人认为返回类型也应该包括.具体概念大家可以到网上查询). 所以Javascript是不能像其他语言一样实现方法名相同,参数个数不同-的这类重载的,不信你可以试试: 复制代码 代码如下: function show(){             alert("1");         }         function show(num1){             a

  • javascript基础知识整理

    1 创建脚本块 程序代码 复制代码 代码如下: <script language="JavaScript"> JavaScript 代码写在这里面 </script> 2 隐藏脚本代码 程序代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 程序代码 复制代码 代码如下: <noscript> Hello to the non-JavaScript br

  • php的数组与字符串的转换函数整理汇总

    1.将一个字符串转化为数组str_split()用于将一个字符串转化为数组语法: 复制代码 代码如下: str_split(string,length)<SPAN style="COLOR: #333333"><SPAN style="FONT-SIZE: 12px"><SPAN style="FONT-FAMILY: 宋体">//</SPAN></SPAN></SPAN>s

  • 菜鸟javascript基础资料整理2

    1. //使用变量的属性 <script type="text/javascript"> var txt="Hello World!" document.write(txt.length) </script> 2. //把字符串中的所有字母都被转化为大写字母. <script type="text/javascript"> var str="Hello world!" document.wr

  • PHP5.3与5.5废弃与过期函数整理汇总

    很多PHP程序员都知道,从PHP5.3开始加入了一个新的报错级别DEPRECATED,即将废弃/过期.下面我们来一个个版本梳理一下. 在php5.3被放弃的函数有: call_user_method() //使用 call_user_func() 替代 call_user_method_array() //使用 call_user_func_array() 替代 define_syslog_variables() dl() ereg() //使用 preg_match() 替代 ereg_rep

  • PostgreSQL常用字符串分割函数整理汇总

    目录 1. SPLIT_PART 2.STRING_TO_ARRAY 3. regexp_split_to_array 4.regexp_split_to_array 5. regexp_matches 总结 1. SPLIT_PART SPLIT_PART() 函数通过指定分隔符分割字符串,并返回第N个子串.语法: SPLIT_PART(string, delimiter, position) string : 待分割的字符串 delimiter:指定分割字符串 position:返回第几个字

  • 菜鸟javascript基础资料整理3 正则

    1.js正则表达式(RegExp对象) RegExp 对象有 3 个方法:test().exec() 以及 compile(). ①test()方法 //test() 方法检索字符串中的指定值.返回值是 true 或 false. var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free")); ②exec()方法 //exec() 方法检索字符串中的

  • javascript回调函数的概念理解与用法分析

    本文实例讲述了javascript回调函数的概念理解与用法.分享给大家供大家参考,具体如下: 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释 因为函数实际上是一种对象,它可以存储在变量中,通过参数传递给另一个函数,在函数内部创建,从函数中返回结果值",因为函数是内置对象,我们可以将它作为参数传递给另一个函数,到函数中执行,甚至执行后将它返回,它一直被"专业的程序员"

随机推荐