- 浏览: 680929 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (181)
- Matlab (16)
- Java (26)
- autoHotkey (4)
- openCV (1)
- C++ (50)
- PDF-XChange Viewer (2)
- 学术 (11)
- javascript (4)
- linux (11)
- SWT (9)
- latex (7)
- GAE (2)
- windows (6)
- C# (3)
- PS (20)
- JNI (4)
- latex,批处理 (0)
- 批处理 (4)
- Android (5)
- 矩阵论 (1)
- SVM (1)
- 概率图模型 (0)
- Python (12)
- Eigen (5)
- 编程题 (1)
- MKL (1)
- 神经网络 (9)
- 最优化 (2)
- 摄影 (1)
- PPT (0)
- After Effects (3)
- CUDA (3)
- caffe (0)
- MXNet (2)
- svn (1)
- R (0)
- 虚拟机 (0)
- tensorflow (7)
- theano (1)
- Keras (1)
- vim (1)
- xgboost (1)
- spark (6)
- eclipse (2)
- word2vec (0)
- hadoop (1)
- dmlc (1)
- git (0)
最新评论
-
jeffersonz:
请问大神,这个插件记录下来的脚本为什么不能再Extendscr ...
PhotoShop - 记录PS的所有操作为JavaScript代码 -
cherishLC:
Andy__Zou 写道cherishLC 写道Andy__Z ...
Eigen的编译选项;MKL的使用 -
Andy__Zou:
cherishLC 写道Andy__Zou 写道cherish ...
Eigen的编译选项;MKL的使用 -
cherishLC:
Andy__Zou 写道cherishLC 写道Andy__Z ...
Eigen的编译选项;MKL的使用 -
Andy__Zou:
cherishLC 写道Andy__Zou 写道 您好,您的工 ...
Eigen的编译选项;MKL的使用
记录以下网址的javascript core crash章节http://courses.coreservlets.com/Course-Materials/ajax-basics.html
1、
(代码统一放在后面)
2、高级
3、特殊函数
源代码1
源代码2
源代码3
1、
(代码统一放在后面)
2、高级
3、特殊函数
源代码1
<!-- LCTestJS_functions.html version: 2012_01_11 --> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试javascript的函数 version: 2012_01_11</title> <style> h3 { color: #FFF; background-color: #09F; font-style: normal; font-weight: bold; } h4 { font-weight: bolder; color: #d00; background-color: #CCC; } h5{ background-color: #FFC; color: #000; font-size: 18px; } </style> </head> <body> <h2>测试javascript的函数 version: 2012_01_11</h2> <h3>函数赋值给变量(也可以赋值给对象的成员变量)</h3> <h5> function square(x){return x*x;} <br>var funcVar=square; <br>或者 var funcVar=function(x){return (x*x);}; </h5> <script type="text/javascript"> function square(x) { return x * x; } //var funcVar = square; var funcVar=function(x){return (x*x);}; document.write("<p>funcVar(5)=" + funcVar(5)); </script> <!-- ---------------------- --> <h3>函数数组</h3> <h5> function sqrt(x){return Math.sqrt(x);} <br>var funcArray=[square,sqrt]; </h5> <script type="text/javascript"> function sqrt(x){return Math.sqrt(x);} //var funcVar2 = sqrt; var funcArray=[square,sqrt]; document.write("<p>funcArray[0](4)=" + funcArray[0](4)); document.write("<br>funcArray[1](4)=" + funcArray[1](4)); </script> <!-- ---------------------- --> <h3>函数作为其他函数的参数</h3> <h5> function func1SubFunc2(func1,func2,x){return func1(x)-func2(x);} </h5> <script type="text/javascript"> function func1SubFunc2(func1,func2,x){return func1(x)-func2(x);} document.write("<p>func1SubFunc2(square,sqrt,4)=" + func1SubFunc2(square,sqrt,4)); </script> <!-- ---------------------- --> <h3>函数作为返回值</h3> <h5> function returnFunc(x){if(x==1)return square;else return sqrt;} </h5> <script type="text/javascript"> function returnFunc(x){if(x==1)return square;else return sqrt;} document.write("<p>returnFunc(1)(4)=" + returnFunc(1)(4)); document.write("<p>returnFunc(2)(4)=" + returnFunc(2)(4)); </script> <!-- ---------------------- --> <h3>匿名函数</h3> <h5> (function(x) {return(x+7);})(10); -> 17 </h5> <script type="text/javascript"> document.write("<p>(function(x) {return(x+7);})(10)=" + (function(x) {return(x+7);})(10)); </script> </body> </html>
源代码2
<!-- LCTestJS_functionsAdvanced.html version: 2012_01_11 --> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试javascript的函数 (高级) version: 2012_01_11</title> <style> h3 { color: #FFF; background-color: #09F; font-style: normal; font-weight: bold; } h4 { font-weight: bolder; color: #d00; background-color: #CCC; } h5{ background-color: #FFC; color: #000; font-size: 18px; } </style> <script type="text/javascript"> function printSpace(n){//输出n个空格 if(n==null) document.write(); else for(var i=0;i<n;i++)document.write(' '); } function print(str,description){//新起一段输出str,之后空10格,再输出description document.write("<p>"+str); printSpace(10); if(description!=null) document.write("//"+description); } </script> </head> <body> <h2>测试javascript的函数(高级) version: 2012_01_11</h2> <h3>闭包——Anonymous Function with Captured Data</h3> <h4>注意返回的内层匿名函数的参数才是minus7的参数!即minus7(n)=n-7</h4> <h5> function makeMinusFunc(x){return (function(n){return n-x;});}; <br>var seven=7; <br>var minus7=makeMinusFunc(7); <br>seven=8;//不影响上面的函数,函数已经生成!!minus7(n)还是n-7! </h5> <script type="text/javascript"> function makeMinusFunc(x){return (function(n){return n-x;});}; var seven=7; var minus7=makeMinusFunc(seven); seven=8;//不影响上面的函数,函数已经生成!!minus7(n)还是n-7! document.write("<p>minus7(6)=\t" + minus7(6)); </script> <!-- ---------------------- --> <h3>函数.apply()——将参数以数组方式传递</h3> <h4>apply()的第一个参数为this指针,第二个为参数的数组表示</h4> <h5> var obj1={p:1}; var obj2={p:2}; <br>function minus(x,y){return (this.p+x-y);} </h5> <script type="text/javascript"> var obj1={p:1}; var obj2={p:2}; function minus(x,y){return (this.p+x-y);} document.write("<p>minus.apply(obj1,[9,4,100])=" + minus.apply(obj1,[9,4,100])); printSpace(10);document.write("//第三个参数(100)其实没用到"); document.write("<p>minus.apply(obj2,[9,4,100])=" +minus.apply(obj2,[9,4,100])); document.write("<p>minus.apply(null,[3])=" + minus.apply(null, [3])); printSpace(10);document.write("//因为minus方法需要两个参数!"); </script> <!-- ---------------------- --> <h3>函数.call()</h3> <h4>与 函数.apply() 类似,但之后为不定个数的参数</h4> <script type="text/javascript"> document.write("<p>minus.call(obj1,9,4)=" + minus.call(obj1,9,4)); </script> </body> </html>
源代码3
<!-- LCTestJS_functionsSpecial.html version: 2012_01_11 --> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试javascript的函数 (evel等特特殊函数) version: 2012_01_11</title> <style> h3 { color: #FFF; background-color: #09F; font-style: normal; font-weight: bold; } h4 { font-weight: bolder; color: #d00; background-color: #DDD; } h5{ background-color: #FFC; color: #000; font-size: 18px; } </style> <script type="text/javascript"> function printSpace(n){//输出n个空格 if(n==null) document.write(); else for(var i=0;i<n;i++)document.write(' '); } function print(str,description){//新起一段输出str,之后空10格,再输出description document.write("<p>"+str); printSpace(10); if(description!=null) document.write("//"+description); } </script> </head> <body> <h2>测试javascript的函数(evel等特特殊函数) version: 2012_01_11</h2> <h3>instanceof——测试是否为某类的实例</h3> <h4>类别可为:Number(数字),Object(类),String(字符串),Function(函数),Array(数组)等;<br> 不可为:undefined(未定义)</h4> <script type="text/javascript"> document.write("<p>7 instanceof Array=\t" +(7 instanceof Array));//(7 instanceof Array)的括号必须!!! document.write("<p>[2,3] instanceof Array=\t" +([2,3] instanceof Array)); </script> <!-- ---------------------- --> <h3>typeof——返回变量的类型(字符串表示)</h3> <h4>与类名不同,返回的字符串首字母是小写的</h4> <h5> var obj1={p:1}; var arr=[2,3]; <br>function minus(x,y){return (this.p+x-y);} </h5> <script type="text/javascript"> var obj1={p:1}; var arr=[2,3]; function minus(x,y){return (this.p+x-y);} print("(typeof 1)="+ (typeof 1)); print("(typeof 1)=='number' \t?\t"+ ((typeof 1)=='number')); print("(typeof 'str')="+ (typeof 'str')); print("(typeof obj1)="+ (typeof obj1)); print("(typeof arr)="+ (typeof arr),"注意对于Array类型的变量返回object!!!"); print("(typeof minus)="+ (typeof minus)); print("(typeof zzz)="+ (typeof zzz)); </script> <!-- ---------------------- --> <h3>eval——执行字符串</h3> <h5> var test2 = "{ firstName: 'Jay', lastName: 'Sahn' }"; <br>var person1=eval('test2'); <br>var person2 = eval("(" + test2 + ")"); </h5> <script type="text/javascript"> print("eval('2+3;')=\t"+eval('2+3;')); print("eval('2+minus.apply(obj1, [6,3]);')=\t"+eval('2+minus.apply(obj1, [6,3]);')); var test2 = "{ firstName: 'Jay', lastName: 'Sahn' }"; var person1=eval('test2'); var person2 = eval("(" + test2 + ")"); print("typeof person1=\t"+typeof person1,"string类型!!大括号被当成了界线符号"); print("typeof person2=\t"+typeof person2,"object类型,加小括号是必须的"); </script> <!-- ---------------------- --> <h3>可变参数</h3> <h4>每个函数内均可使用arguments.length获取实际的参数数量<br>用arguments[i]获取第i+1个参数</h4> <h5> var testFunc=function(x,y){ <br>document.write("参数个数为:\t"+arguments.length); <br>if(arguments.length>0)document.write(";\t____参数为:"); <br>for(var i=0;i<arguments .length;i++) <br> document.write("\t"+arguments[i]+" ;"); <br>} </h5> <script type="text/javascript"> var testFunc=function(x,y){ document.write("参数个数为:\t"+arguments.length); if(arguments.length>0)document.write(";\t____参数为:"); for(var i=0;i<arguments.length;i++) document.write("\t"+arguments[i]+" ;"); } document.write("<p>testFunc()=");testFunc(); document.write("<p>testFunc(1,2,3,4)=");testFunc(1,2,3,4); document.write("<p>testFunc([1,2,3,4])=");testFunc([1,2,3,4]); </script> </body> </html>
发表评论
-
javascript 学习笔记——对象、命名空间
2012-01-11 21:58 1128记录以下网址的javascript core crash章节h ... -
javascript 学习笔记——String
2012-01-11 13:40 1384记录以下网址的javascript core crash章节h ... -
javascript 学习笔记——载入;注释;rue、false的判断;for语句、数组的声明与使用
2012-01-11 10:50 1183记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:28 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:28 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:27 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:26 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:24 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 09:23 0记录以下网址的javascript core crash章节h ... -
javascript 学习笔记
2012-01-11 08:54 0记录以下网址的javascript core crash章节h ...
相关推荐
前端学习——javascript学习笔记(二)函数
6) typeof函数的返回值:数字——number,字符串——string,布尔值——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。主要用来区别区别对象和原始类型。要区分对象的具体类型...
javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 在说函数前,补充一个函数的作用域的知识...
ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4...
javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 含义: 使用单独的变量名来存储一系列的...
再接着看函数——具有魔幻色彩的对象。 9、作为值的函数 在一般的编程语言中,如果要将函数作为值来使用,需要使用类似函数指针或者代理的方式来实现,但是在ECMAScript中,函数是一种对象,拥有一般对象具有的所有...
1.typeof 操作符:用于检测给定变量的数据类型 代码如下: var message=”some string”; alert(typeof message)... 2.Object 的实例具有的属性和方法: constructor —— 保存用于创建当前对象的函数. hasOwn
接着看函数——这个具有魔幻色彩的对象。在上篇文章中说函数内部属性时,还遗留了一个this内部属性没有解释,不过在说this之前,我想先说一说执行环境和作用域的概念
人都是比较善忘的动物,所以,我需要对这些整理做一点记录,就权当学习笔记吧。 这次的整理是从jQuery开始的,所以笔记的名称就叫《从jQuery看JavaScript》吧。在研读jQuery源码的过程中,我可能遇到各式各样...
2、对于运算符的优先级,你无需一一牢记——我相信你知道最简单的”先乘除,后加减”,至于其它的,如果你不确定,加上括号好了。在ECMAScript中,优先级相同的从左向右运算。 3、对于一些编程语言通用的运算符,...
VS2005 ASP.NET本地化学习笔记&感受 在自定义Server Control中捆绑JS文件 Step by Step 深度解析Asp.Net2.0中的Callback机制 使用 Web 标准生成 ASP.NET 2.0 Web 站点 ASP.NET 2.0基于SQLSERVER 2005的aspnetdb.mdf...
亚信java笔试题 keep-learning 收集跟前端有关的学习资讯 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 工具类 工具类 地址 前端人的俱乐部 真可以解放你的收藏夹 如何优雅
微注:在继续学习 & 积累,并率先于持续更新。 综合类 综合类 地址 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端...
微注:在继续学习 & 积累,并率先于持续更新。 综合类 综合类 地址 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端...
(十七) Swing 学习笔记 108 Swing API 包括18个公共包: 108 例程1.1 HelloWorldSwing.java 109 例程2.2 HelloWorldJFrame.java 110 (十八) 动态加载文件树的java程序 111 FileSystemTree.java源代码 112 //内部类 ...
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
JS函数式编程指南| JavaScript Promise迷你书(中文版)| 腾讯移动Web前端知识库| Front-End-Develop-Guide 前端开发指南| 前端开发笔记本| 大前端工具集 - 聂微东| 前端开发者手册| 入门类 地址 前端入门教程 瘳...