javascript_03

最新推荐文章于 2021-11-19 20:38:55 发布
最新推荐文章于 2021-11-19 20:38:55 发布
阅读量250 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjx568135132/article/details/76864735
版权

   一. 函数的定义     

<script type="text/javascript">
		function fn(){
			
		}
		//alert(typeof fn);//function
		/*
		1.没有返回值修饰符
		2.参数不需要修饰符
		*/
		//静态定义
		/*
		function fn1(a,b) {	
			return (a+b);
		}
		//alert(fn1(20,30));
		//匿名函数
		(function (a,b) {
		//alert(a+b);
		})(20,20);
		(function () {
			//alert("hello");
		})();
		
		//字面量方式 /直接量
		var fun=function(a,b){
			//alert("hello"+(a+b));
		}
		fun(10,10);
		
		var fun2=function f(){
			//alert("good job");
		}
		fun2();
		*/
		
		//动态匿名方式 
		var func=new Function("x","y","alert(x+y);");//x是方法的参数 alert(x);方法体 
		
		//func(100,120);
		
		/*
		函数的使用方式：
			1.直接调用:函数名字(参数。。。)
			2.放在a标签里面使用
			3.通过事件来使用
			4.递归
			5.闭包 
		*/
	</script>
</head>
<body>
	<a href="javascript:func(100,150)">我是一个链接</a>
	<button οnclick="javascript:func(100,150)">点我啊</button>
</body>

        1.没有返回值修饰符
        2.参数不需要修饰符
        3.静态定义，可以先调用再定义
        4.匿名函数：把匿名函数当成一个整体
        5.动态匿名方式：不推荐使用
        6.函数的使用方式：
            1.直接调用：函数名字（参数。。。）
            2. 放在 a 标签里面使用
            3. 通过事件来使用
            4. 递归
            5. 闭包

    二.修改指针

<script type="text/javascript">
	//指针：函数的调用者对象
	function fun() {
		alert(this);
	}
	
	fun();//this 代表的是调用该函数的对象 ---window
	
	
	//修改指针：改变调用函数的对象 
	function fun1(a,b){
		alert(a+b);
		alert(this);
	}
	
	function fun2(a,b){
		alert(a+b);
	}
	
	//需求：讲fun1的调用 指针指向fun2，该怎么办？
		fun1.call(fun2,20,30);//输出来是fun2对象==说明指针指向fun2(也就是 f2调用f1)
		fun1,apply(fun2,[20,30]);
		
		
		//简单模拟继承
		
		function Person(name,sex){
			this.name=name;
			this.sex=sex;
			this.speak=function(){
				alert(this.name);
			}
		}
		function chinese(name,sex,age) {
			this.name=name;
			this.sex=sex;
			this.age=age;
		}
		var person=new Person("张三","男 ");
		var ch=new chinese("李四" ," 女");
		person.speak.call(ch,"张三 ","男");
		
		ch.speak();
	
</script>

        指针：函数的调用者对象

   

     三.参数   

<title>参数</title>
<script type="text/javascript">
	function fun(a,b,c){
		for(var i=0;i<arguments.length;i++){
			alert(arguments[i]);
		}
		alert(arguments.callee);//返回当前执行函数的对象
		func();
	}
	//fun(20,30,40);
	
	function func(){
		alert(func.caller);//返回的是调用该函数的函数对象 
	}
	
	//func();//null
	
</script>
</head>
<body>

</body>

  四.递归    

<title>递归</title>
<script type="text/javascript">
	//递归：函数自身调用自己(通俗)
	function fun(n){
		if(n==0){
			return 0;
		}
		return n+fun(n-1);
	}
	alert("所求之和为："+fun(3));
	
	//1,1,2,3,5,8,13,21,34,56
	function func(n){
		if(n==1||n==2){
			return 1;
		}else{
			return func(n-2)+func(n-1);
		}
	}
	alert("所求的数为："+func(6));
</script>
</head>

    五.创建对象

        1.字面量方式：可以动态添加属性    局限性：只代表一个对象

        2.使用 function 模拟 class      

function Animal1(name, age) {
	this.name = name;
	this.age = age;
	
	this.bite = function() {
		alert(this.name + "又咬人了。。。");
	}
}
var animal1 = new Animal1("小泰迪", 2);
var animal2 = new Animal1("小藏獒", 2);
/* animal1.bite();
animal2.bite(); */

         3. 使用工厂方式

      

var obj = new Object();
obj.name = "李四";
obj.age = 25;
obj.eat = function() {
	alert(this.name + " == eating...");
}

// obj.eat();


         4. 使用原型对象

    

// 4. 使用原型对象
function Cat() {
	Cat.prototype.name = "小花猫";
	Cat.prototype.age = 2;
	
	// 函数里面没有静态域（没有静态变量）
	Cat.prototype.catchMouse = function() {
		alert(this.name + "==" + this.age);
	}
}

         5. 结合原型以及 function 来

     

// 5. 结合原型以及 function 来
function Pig(name, age) {
	this.name = name;
	this.age = age;
	
	Pig.prototype.sleep = function(){
		alert(this.name + " == 吃完又要去睡觉了。。");
	}
}


         6. 动态原型的方式

     

// 6. 动态原型的方式
function fun(name, age) {
	this.name = name;
	this.age = age;
	
	if(typeof fun.prototype.eat == "undefined") {
		fun.prototype.eat = function() {
			alert(this.name);
		}


   六. 闭包

        

<title>闭包</title>
<script type="text/javascript">
/*
 	概念：
 		1. 函数里面的函数
 		2. 在外函数内部能调用外函数局部变量的函数 —— 闭包
 */
 
/*
 	作用域：作用的范围
 		全局作用域：
 		局部作用域：
 		
 		全局变量：
 			1. 函数外部定义的变量
 			2. 不用 var 修饰的变量
 		局部变量：
 */
/*  
 var a = 20;
 function fun() {
	 b = 30; // 全局变量
	 b++;
	 var c = 100; // 局部变量
	 alert(a++);
 } */
/*  fun();
 alert(a);
 alert(b); */
 /* alert(c);  *///undefined，被销毁了

// 闭包的内容
var num = 100;
function func() {
	var num2 = 100; // 相当于封装
	
	// 对外提供的公共的方法 setter 方法
	method = function() {
		num2+=1;
	}
	
	// public 方法
	var method2 = function() { // 闭包
		alert(num2);
		// alert("hello");
	}
	
	return method2; // 返回值
}

// func()(); 调用内部函数

// 问题：在函数外部要使用函数的局部变量，该怎么做？
// 确保局部变量在函数执行完毕的时候还存在于内存当中——闭包

/*
 	闭包作用：
 		1. 访问函数局部变量
 		2. 让局部变量长时间保留在内存当中
 */

var result = func(); // result == ?  method2
method();
result(); // method2() 打印101 ====说明 num2 还存在在内存当中
method();
result(); // method2() 打印102 ====说明 num2 还存在在内存当中

// 弊端：会浪费内存

</script>
</head>
<body


         概念：

         1. 函数里面的函数
         2. 在外函数内部能调用外函数局部变量的函数 —— 闭包
        作用：
            1. 访问函数局部变量
            2. 让局部变量长时间保留在内存当中
    
   

星锅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript笔记03
qq_23175673的博客
05-23 150
1.案例一：在末尾添加节点 第一步：获取到ul标签 第二部：获取到li标签 document.createElement("标签名称")方法 第三步： 创建文本 document.createTextNode("文本内容") 第四步：把文本添加到li下面 使用appendChild()方法 第五步：把li添加到ul末尾 使用appendChild()方法 2.元素对象（element对象） 要操
JavaScript 03-10
weixin_46236141的博客
03-11 304
定义未赋值和未定义的变量的区别 // 定义未赋值 只是定义了变量,但是没有给变量进行赋值操作 var int1 ; console.log(int1); // 未赋值 执行结果是 undefined // 直接使用一个没有定义过的变量 console.log(int2); // 未定义 执行结果是 报错 NaN NaN，not a number 不是一个数值，是表示存储的数据的数据...
JavaScript-03
qq_55624813的博客
11-19 112
目录 Json 概念 作用 语法 转换工具 测试 ajax 概述 原理 核心对象XMLHttpRequest 测试 console调试网页 Chrome log warn table Json 概念 ajax往往要完整应用还会配合一个技术：JSON，那什么是JSON呢？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON(JavaScript Object Notation，JS 对象简谱) 起名不咋
JavaScript03
wzj_110的博客
01-20 347
1 历史 JavaScript简称"JS",W3C给的又一个标准:JavaScript(其它HTML和CSS)；JavaScript的前身是LiveScript，是网警公司开发的(领航者浏览器,当时已经超过微软(IE--当时是收费的))，特点是将liveScript脚本内置到浏览器端自发的校验用户的输入信息将(liveScript)脚本内置到浏览器中，在浏览器端就可以进行用户信息的校验，减轻了服
JavaScript 03
weixin_34021089的博客
08-22 72
Js循环 for循环： 语法for（a；b；c）{ 循环体 } a:初始化变量。b:条件语句。C：增量；增量无论是i++还是++i效果都是一样的。 嵌套循环： 外层循环一次，内层循环整套。 Break跳出循环，跳出整个循环。Continue跳出循环，跳出当前循环。 document.write('<table border="1" cellpadding="0" cells...
javascript03
qq_53107845的博客
11-18 380
数值 在javascript中所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。 这就是说，JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）。容易造成混淆的是，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数，然后再进行运算 由于浮点数不是精确的值，所以涉及小数的比较和运算要特别小心。 0.1 + 0.2 === 0.3 // false 0.3 / 0.1 // 2...
JavaScript_03.html
01-13
JavaScript_03
理解Javascript_03_javascript全局观
11-30
先来看一张图吧：   解释一下： 核心（ECMAScript)：定义了脚本语言的所有对象，属性和方法 ...浏览器对象模型(BOM)：对浏览器窗口进行访问操作现在来具体的讲一个各个成分： 关于ECMAScript ECMAScript的工作是定义...
初学JavaScript_03(ExtJs Grid的简单使用)
10-30
### JavaScript与ExtJS Grid简单使用教程 #### 一、引言 在JavaScript的世界里，ExtJS是一个非常强大的库，用于构建交互式的Web应用程序。本文将详细介绍如何使用ExtJS中的Grid组件来展示数据，并通过一个简单的...
JavaScript Day_03
03-24
javascript学习第三天笔记
JDBC+Servlet+JSP+Mysql写的一个简单的登录注册
热门推荐
梦月如风的博客
06-29 3万+
一.代码的结构： 二.用到的开发工具： ecliopse、tomcat 7.0、navicat for mysql 用到的架包： mysql-connector-java-5.1.25-bin.jar 三.开发的代码： 3.1 User类： package com.demo.bean; public class User {
CSS
梦月如风的博客
07-26 418
CSS   css属性         1.文字属性             font—style                 作用：规定文字样式的属性                 取值：                     normal：正常的，默认就是正常的                     italic：倾斜的                 快捷键
jquery_01_1
梦月如风的博客
08-14 354
jquery_01_1     1.层次选择器        div,span{ width: 200px; height: 200px; border: 1px solid green; float: left; margin: 5px; } div.two{ height: 70px; w
HTML
梦月如风的博客
07-25 328
HTML     1.什么是HTML         Html全称hypertext markup language（超文本标记语言）         作用：他是用来描述文本的语义的，也就是用来告诉浏览器哪一些是标题，哪一些是段落，而不是用来修改文本样式的     2.html的基本结构                        Insert title here
JavaScript_09
梦月如风的博客
08-11 311
1.窗口的宽和高               窗口宽和高 //浏览器的内容显示区的宽和高，不包括滚动条 //window.innerWidth window.innerHeight ff //.documentElement.clientWidth .documentElement.clientHeight ie var w = window.innerWidth |
jquery的学习
梦月如风的博客
08-11 285
jquery_01     01库引用          库引用 奔跑吧，兄弟 //alert($); //有对象则表示引入成功！ alert(jQuery); //问题：$符号代表的是什么？ $代表的是jq的一个对象---------jQuery对象 //jQuery对象：是 jq里面最 重要的对象，所有元素以及方法的使用都是通过该对象来进行调用
CSS_03
梦月如风的博客
07-28 276
CSS_03     浮动         1.什么是网页的布局方式             网页的布局方式其实就是浏览器是如何对网页中的元素进行排版         2.标准流（文档流   普通流）             2.1其实浏览器默认的排版方式就是标准流的排版方式             2.1 css里面讲元素分为三类，分别是块级元素，行内元素，行内块级元素      
jquery_02
梦月如风的博客
08-14 271
jquery_02         1.表单属性过滤的 补充        表单属性验证 $(document).ready( function(){ //普通输入文本框 /* $("text:enabled").val("这是能用输入框的内容值"); $("text:disabled").val("这是不能
jquery_01
梦月如风的博客
08-14 258
jquery_01     01库引用     库引用 奔跑吧，兄弟 //alert($); //有对象则表示引入成功！ alert(jQuery); //问题：$符号代表的是什么？ $代表的是jq的一个对象---------jQuery对象 //jQuery对象：是 jq里面最 重要的对象，所有元素以及方法的使用都是通过该对象来进行调用 //语法结
JavaScript Day_03：循环语句详解
"JavaScript Day_03 - 学习前端开发中的循环语句，包括while、do-while和for循环，以及break和continue关键字的使用" 在JavaScript中，循环语句是编程中非常重要的一部分，它允许我们重复执行一段代码，尤其在处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值