javascript 学习笔记——函数

最新推荐文章于 2025-12-04 17:39:28 发布
原创 最新推荐文章于 2025-12-04 17:39:28 发布 · 140 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

[size=medium]记录以下网址的javascript core crash章节[url]http://courses.coreservlets.com/Course-Materials/ajax-basics.html[/url][/size]
[size=x-large]1、[/size]
[img]http://dl.iteye.com/upload/attachment/0061/9954/53558b7c-7d26-383b-9247-021ffac401cf.png[/img]
[color=red][size=large]（代码统一放在后面）[/size][/color]
[size=x-large]2、高级[/size]
[img]http://dl.iteye.com/upload/attachment/0061/9974/d64b38af-3043-3f84-bb81-56e7dc1c36df.png[/img]

[size=x-large]3、特殊函数[/size]
[img]http://dl.iteye.com/upload/attachment/0061/9996/35069910-050d-3bff-8678-be1f78b13208.png[/img]


[size=x-large]源代码1[/size]

<!-- 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>

[size=x-large]源代码2[/size]

<!-- 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>



[size=x-large]源代码3[/size]

<!-- 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>
一个JavaScriptCore框架中对象与Timer引发的死锁问题内幕
KSdaqianduan的博客
09-28 864
背景介绍 在奥运项目中，快手主站的首页入口挂件、金牌时刻弹窗需要进行动态布局和渲染，因对性能要求较高，我们采用了 JavaScriptCore 与 Native 交互的技术方案。在上线灰度放量的过程中，我们发现一个长卡顿问题占比明显上升，于是我们开始排查。其最后的调用栈信息如下： 经过分析排查，我们发现此问题具有以下特点： 1.Native 执行 JS 的方法时，问题发生概率较大。 2.从系统分布来看，问题只会在 iOS 13 系统出现。 3.从堆栈信息来看，无法判定问题发生的业务代码位置，只
JavaScript学习笔记——函数 Part2：在函数内创建函数（嵌套函数）、函数的作用域
Insomnia_X的博客
07-18 1132
变量有作用域，分为局部变量和全局变量 同样的，函数也有类似的作用域，在函数作用域外不能调用函数 ps. 将函数视为一个值（即函数引用），对下面的理解有帮助 嵌套函数(nested function) 之前考虑的函数，作用域都是全局的：这意味着这两个函数被定义后，在代 码的任何地方都是可见的。 而嵌套函数(即：在其他函数中定义的函数)作用域是局部的 函数的作用域 函数的作用域： ①等价于 能够正常使用和调用函数的范围 ②等价于 函数已定义的范围（而不是undefined） 在函数作用域内调用函数：函数已定.
分析JS Crash（进程崩溃）
sinat_34896766的博客
10-06 2870
以下是进程崩溃日志信息中对应字段解释。 JS Crash多为应用问题，开发者可通过崩溃文件中的 Error message 和 StackTrace 来定位问题。 JS Crash异常根据不同的异常场景，在 Reason 字段进行了分类，分为Error、TypeError、SyntaxError、RangeError等错误类型。自定义 Error 类：Error 是最基本的错误类型，其他的错误类型都继承自该类型。Error 对象主要有两个重要属性 message 和 na
javascriptcore.framework的坑
realyezi的博客
04-13 1679
hybrid javascriptcore.framework
JavaScript学习笔记——函数
weixin_49001740的博客
03-07 775
JavaScript 快速入门 学习笔记 四、函数
JavaScript学习笔记——函数 Part5：函数表达式、匿名函数-让代码更简洁
Insomnia_X的博客
07-20 580
本章将再进一步，深入函数的核心，从而娴熟地使用函数。 学习了匿名函数，你的JavaScript表达能力将大大提升 还将介绍一些与函数相关的常见编码习惯和约定，为与人协作编写代码或使用开源JavaScript库作好准备 要点 函数表达式的结果是一个函数引用，因此在可以使用函数引用的任何地方，都可使用函数表达式。可将函数表达式传递给函数，还可从函数返回函数表达式。 匿名函数是没有名称的函数表达式。 使用匿名函数可让代码更简洁。 函数声明创建的函数是在执行其他代码前定义的。 函数表达式是在运行阶段与其他代码一.
JavaScript学习笔记——6、函数
阿赵的博客
10-31 719
本文介绍了JavaScript函数的基础知识，包括函数概念、结构和作用域。函数是执行特定任务的代码块，能够提高代码复用性和开发效率。文章详细讲解了三种函数结构：基础函数、带参数函数和带返回值函数，以及函数的命名规范。此外，阐述了形参和实参的区别，并深入解析了作用域的概念，包括局部作用域（函数作用域和块作用域）和全局作用域，以及作用域链的查找机制。通过示例代码展示了函数在不同场景下的应用，帮助理解JavaScript函数的编写和使用方法。
JavaScript学习笔记——函数、立即执行函数、作用域、预编译—day two
Cloud
11-14 1041
目录 函数 定义 组成形式 递归 立即执行函数 作用域 变量作用域 函数作用域[[scope]] 作用域链 预编译 JS运行分三步： 预编译执行分五步： 函数 原则：高内聚弱耦合（重复） 定义         函数声明（用function声明函数）         函数表达式 三种定义方式： function test(){ ...
JavaScript学习笔记——JS基础6
薛定谔的猫
07-02 724
61this <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /* 解析器在调用函数每次都会向函数内部传递一个隐含的参数 这个隐含的参数就是this,this指向的是一个对象 ............
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
web学习笔记 —— javascript基础
05-25
这篇“web学习笔记——javascript基础”将带你走进JavaScript的世界，理解其基本概念和常用语法。 JavaScript语法基础： 1. 变量：在JavaScript中，变量用于存储数据。声明变量使用`var`关键字，例如`var myVar = ...
精选资源
Cocos2d-x学习笔记——完全掌握C++ API与游戏项目开发.zip
06-28
本学习笔记旨在帮助开发者全面掌握Cocos2d-x的C++ API以及游戏项目的开发流程。 一、Cocos2d-x框架基础 Cocos2d-x是Cocos2d-x系列的C++版本，它提供了丰富的图形绘制、动画制作、音频播放、物理引擎等功能。Cocos2d...
Javascript学习笔记之 函数篇（三） : 闭包和引用
12-03
如`Counter`函数所示，它接收一个起始值`start`，然后返回两个闭包——`increment`和`get`。这两个闭包都保有对外部`count`变量的引用，使得它们能够增加或获取`count`的值，但外部无法直接修改`count`，从而实现了...
JavaScript学习笔记————继承
huli1219的博客
12-06 280
继承 就是一个函数去继承另一个函数的属性和方法，被继承着为父类，继承者为子类；
Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手
JEECG官方博客
12-04 682
Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。
网络安全漏洞之React 框架分析
anquan2233的博客
12-04 788
昨日爆出的 CVE-2025-55182，CVSS 10.0 满分严重漏洞，影响 React 19 及所有 Next.js 15/16 项目。核心问题是 React Server Components 的 Flight 协议存在不安全反序列化，无需任何认证，攻击者只需向 Server Actions 端点发送一个精心构造的 multipart 请求，即可实现远程代码执行（RCE）。目前已确认多个完整 0day 利用链（包括 vm.runInThisContext 在内），未修补实例基本等于已失陷。
vue实现页面不断插入内容并且自动滚动功能
最新发布
weixin_50606255的博客
12-04 182
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
Next.js 零基础开发博客后台管理系统教程（一）：环境搭建与项目初始化
祈澈菇凉
12-02 604
✅ 确定了使用 Next.js 的理由。✅ 检查并准备了开发环境。✅ 初始化了一个基于 App Router 和 TypeScript 的 Next.js 项目。✅ 初步了解了项目结构并成功运行了应用。在下一篇教程中，我们将开始构建后台管理界面的基础布局，并集成一个常用的 UI 组件库（例如 Ant Design 或继续使用 Tailwind CSS），为我们的管理系统打造一个漂亮、实用的侧边栏和顶部导航栏。
JavaScript高级特性与函数笔记解析
通过本笔记的整理，初学者可以对JavaScript高级特性有一个系统的了解，为进阶学习打下坚实的基础。记住，理解JavaScript的高级特性，不仅仅是记忆知识点，更重要的是理解这些概念背后的设计哲学和使用场景。持续的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值