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