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 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
jQuery 开天辟地入门篇一
Dec 09 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
Dec 16 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 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
php 批量替换程序的具体实现代码
2013/10/04 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
php实现用户登陆简单实例
2017/04/04 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
javascript 一些用法小结
2009/09/11 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
2020/02/20 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
python可迭代对象去重实例
2020/05/15 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
会计应聘求职信范文
2013/12/17 职场文书
我的求职计划书
2014/01/10 职场文书
庐山导游词
2015/02/03 职场文书
七一慰问简报
2015/07/20 职场文书
初中团委工作总结
2015/08/13 职场文书
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis
Go语言测试库testify使用学习
2022/07/23 Golang