JavaScript基础函数整理汇总


Posted in Javascript onJanuary 30, 2015

这里给大家整理汇总了一些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基础函数了,小伙伴们仔细研究研究,希望大家能够喜欢

Javascript 相关文章推荐
Javascript this关键字使用分析
Oct 21 Javascript
js用typeof方法判断undefined类型
Jul 15 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
js调用刷新界面的几种方式
May 03 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
微信小程序以ssm做后台开发的实现示例
Apr 08 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
JS解析XML实例分析
Jan 30 #Javascript
javascript中键盘事件用法实例分析
Jan 30 #Javascript
javascript中cookie对象用法实例分析
Jan 30 #Javascript
javascript事件模型实例分析
Jan 30 #Javascript
JS是按值传递还是按引用传递
Jan 30 #Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 #Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 #Javascript
You might like
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
2016/10/25 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
Python实现基于权重的随机数2种方法
2015/04/28 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
Python实现随机创建电话号码的方法示例
2018/12/07 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
装潢设计实习自我鉴定
2013/09/19 职场文书
应用电子技术专业个人求职信
2013/09/21 职场文书
教师自我评价范文
2013/12/16 职场文书
置业顾问岗位职责
2014/03/02 职场文书
总经理助理的职责
2014/03/14 职场文书
劳动竞赛口号
2014/06/16 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
员工聘用合同范本
2015/09/21 职场文书
大学班长竞选稿
2015/11/20 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js