JavaScript基礎函數整理總和_基礎知識

這裡給大家整理匯總了一些javascript的基礎函數，都是比較常用和實用的。整理出來也有助於大家更好的理解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 { 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 unction(){ 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 arr[i]=function(){ //每一個以函數賦值給了每個元素 return i; } } return arr; //回傳一個陣列 } var b=box() //將回傳的陣列賦值給b document.writeln("陣列的長度為：" b.length " ") //傳回陣列的長度 for (var i = 0; i document.writeln("匿名函數傳回的值為：" b[i]() " ") //執行此函數每個元素的值為5，因為最後一個元素的值為5 }; */ /*改良版*/ /* function box1() { var arr1 = []; for (var i = 0; i return num; })(i); //且傳參 } return arr1; } var b1 = box1(); //返回時數組 for (var i = 0; i document.writeln("改良後 輸出的結果為：") document.writeln(b1[i] " "); //這裡回傳的是陣列，直接列印即可 } */ //測試版 /* var testarr=[]; for (var i = 0; i testarr[i]=function(){ return i; } }; document.writeln("測試板的長度為：" testarr.length " ") for (var i = 0; i document.writeln("測試版第" (i 1) "次" testarr[i] " ") }; var aa=function(){ return 3 } document.writeln("測試版測驗的結果" aa) */ /*改良版3*/ /* function box3() { var arr3= []; for (var i = 0; i arr3[i] = (function (num) { return unction () { return num; } })(i);//自我執行的結果賦值給每個元素，且執行完了，將其執行的結果賦值給了每個元素 } return arr3; } var b3= box3(); for (var i = 0; i document.writeln(b3[i]() " "); } */ /*js函數教學網址：//http://www.cnblogs.com/ttcc/p/3763437.html*/ /*閉包中的this指定的物件是window*/ /* var user='The Window00'; var obj={ user:'The Window001', getUserFunction:function(){ return unction(){ return this.user; } } } document.writeln("傳回this指定的物件" obj.getUserFunction()()) */ // function box(count1){ // var i=12; // for (var i = 0; i // document.writeln(i); // } // } // var i=10 // box(2) /*閉包執行完畢，立刻清除記憶體資料*/ /* function box(count) { (function () { for (var i = 0; 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 🎜>; ; ; } }; }(); 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()); */ 上面就是個人整理的javascript基礎函數了，朋友仔細研究研究，希望大家能夠喜歡

JavaScript基礎函數整理總和_基礎知識

相關文章