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 相关文章推荐
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
JQuery从头学起第二讲
Jul 04 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 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
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
js实现常用排序算法
2016/08/09 Javascript
D3.js实现雷达图的方法详解
2016/09/22 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
axios的拦截请求与响应方法
2018/08/11 Javascript
JavaScript实现HTML导航栏下拉菜单
2020/11/25 Javascript
Python迭代用法实例教程
2014/09/08 Python
Python动态加载模块的3种方法
2014/11/22 Python
Python实现的微信公众号群发图片与文本消息功能实例详解
2017/06/30 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
Python高斯消除矩阵
2019/01/02 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
django的autoreload机制实现
2020/06/03 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
英国网络托管和域名领导者:Web Hosting UK
2017/10/15 全球购物
公司员工的自我评价范例
2013/11/01 职场文书
应用艺术毕业生的自我评价
2013/12/04 职场文书
新年联欢会主持词
2014/03/27 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
考试保密承诺书
2014/08/30 职场文书
2015年女职工工作总结
2015/05/15 职场文书
大学生十八大感想
2015/08/11 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python