當前位置：
首頁 >
javascript高程3 学习笔记(二)
發布時間：2024/4/14
42
豆豆
生活随笔
收集整理的這篇文章主要介紹了
javascript高程3 学习笔记(二)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
ECMAScript function的理解
ECMAScript 函數與其他語言函數最大的不同在于，其不介意傳入多少參數以及參數的類型
比如函數的形參有兩個，但是調用函數傳入的參數可以寫一個，三個或不寫參數(對應undefined)等，解析器都可以正常解析，這是因為
ECMAScript中參數在內部是以一個數組形式來表示，故而不需要關系傳入參數的數量和類型
在函數體內通過arguments對象來訪問這個參數數組，從而獲取傳遞給函數的參數
修改命名參數值不會改變arguments對應值
可以通過arguments.length來獲得傳給函數參數的個數，依次，可以來寫不同的實現方法
ECMAScript沒有重載的概念，重名函數，其后會覆蓋前面相同定義的，但是可以通過上一點模仿重載
基本類型 引用類型
引用類型，可以添加屬性和方法
基本類型和引用類型值在復制變量值的差異，引用類型是通過指針對象來實現的
參數傳遞，二者都是通過值傳遞的
用instanceof來檢測具體的引用類型
demo代碼 寫一遍 理解一遍
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>js高程學習筆記2 demo</title><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><style type="text/css"></style><script type="text/javascript">function jsFunction(demoNum){switch(demoNum){case 1: sayHi("Jim"," nice to meet you");break;case 2: sayHi();break;case 3: sayHi2("Jim"," nice to meet you");break;case 4: doAdd(10);break;case 5: doAdd(10,2000);break;}}// 有參數的function sayHi(name,message){alert("hello "+name+message);}// 通過arguments獲取參數function sayHi2(){alert("hello "+arguments[0]+arguments[1]);}// 通過arguments.length實現重載的功能function doAdd(){if(arguments.length == 1){alert(arguments[0] + 10);}else if(arguments.length == 2){// 修改命名參數值不會改變arguments對應值 //arguments[1] = 100; alert(arguments[0]+arguments[1]);}}function test(){var person = new Object();setName(person);alert(person.name);}function setName(obj){obj.name = "Nicholas"// 引用變量的參數傳遞 也是值傳遞// obj = new Object();// obj.name = "Jim";}</script> </head> <body><div class="content">js函數的理解，數值變量，引用變量</div><hr/><div class="jsFunction"><div>js函數的一些demo</div><input class="demo1" type="button" value="sayHi" onclick="jsFunction(1)"><input class="demo2" type="button" value="sayHi2" onclick="jsFunction(2)"><input class="demo3" type="button" value="sayHi2" onclick="jsFunction(3)"><input class="demo4" type="button" value="doAdd(10)" onclick="jsFunction(4)"><input class="demo5" type="button" value="doAdd(10,20)" onclick="jsFunction(5)"></div><hr/><div class="dataType"><div>數值類型 引用類型</div><input class="demo6" type="button" value="setName" onclick="test()"></div> </body> </html>總結
以上是生活随笔為你收集整理的javascript高程3 学习笔记(二)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用devenv/MSBuild在命令行
- 下一篇： 谈谈Ext JS的组件——布局的使用方法