WEB 5.JS

1. 函数定义方式

使用function关键词定义
函数的调用
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>函数</title>
</head>
<body>
	<script type="text/javascript">
		func();//执行前将程序扫描一遍,存储起来,所以调用位置可以在上面。
		// 一段特定功能的代码段 就是函数
		// 函数的定义方式 使用 关键字function 
		function func(){
			console.log('我是一个函数');
		}
		// 调用函数
		func();

		//求和函数
		function sum(){
			var res=1+1;
			console.log(res);
			return res;
		}
		var total=sum();//2  这里只把返回值给了total
		console.log(total);//2 所以这里只会输出一个2
		console.log(sum())//这里就是俩个2

		//匿名函数
		//func1();  匿名函数只能在函数定义之后调用。这里就出错了。
		var func1=function(){
			console.log('我是匿名函数');
		}
		console.log(func1);
		func1();

		//自运行函数
		(function(){
			console.log('我是自运行函数');
		})()
	</script>
</body>
</html>

2. 函数的返回值

在函数的内部使用return 关键在来返回内容
在这里插入图片描述


function sum(){
			var res=1+1;
			console.log(res);
			return res;
		}
		var total=sum();//2  这里只把返回值给了total
		console.log(total);//2 所以这里只会输出一个2
		console.log(sum())//这里就是俩个2

注意:如果函数没有设置返回值,默认返回undefined

3. 函数的三种形式

命名函数:

function 函数名(){}
这种定函数的方式,任何位置都可以调用

匿名函数:

一般在表达式中去定义 或者用于事件当中 或者使用做回调函数
匿名函数只能在函数定义之后调用。
在这里插入图片描述

自运行函数:

在这里插入图片描述

4. 函数的参数

  1. 定义了形参 传多个实参 多余的实参会自动忽略
  2. 定义了形参,不传实参 不会报错 形参的值undefined
    在函数内部可以使用arguments 获取到所有的实参 是一个类数组对象

作用域:
变量的作用域
全局变量: 在函数外部定义的变量 和 在函数内部不使用var定义的变量是全局变量 在任意位置都可以使用
局部变量: 在函数内部使用var定义的变量是局部变量 只能在当前函数内部使用
在这里插入图片描述

5. 对象的操作

对象的定义方式:

  1. 使用系统提供Object() 实例化对象
    Var 对象名=new Object(); // 创建一个空对象
  2. 直接定义
    Var 对象名 = {key:val,key:functuon}
  3. 使用构造函创建对象
    // 创建构造函数
    function fun(msg1,msg2){
    this.name=msg1;
    this.name=msg2;
    this.函数名=function(){}
    }
    // 实例化
    var 对象名 = new fun(参数1,参数2)
    this 哪个对象调用了this, 那么this就指向当前对象
    js中最大的对象window
    在全局中this指向的是window对象
<script>
		function func(){
			console.log(this);
		}
		window.func()//Window
	</script>

操作对象:
添加属性: 如果属性已经存在做修改 不存在做添加
对象名.属性名 = ‘’
修改属性:
对象名.属性名 = ‘’
删除属性:
delete 对象名.属性名
查看属性的值
对象名.属性名
调用对象的方法
对象名.方法名()
【】问题:
1.for in在遍历对象时,打印属性时需要使用【】
For(i in obj){
Console.log(obj[i])
}

2.当属性名被存到变量中的时候 我们需要使用【】
Var obj = {}
Var key = ‘属性名’
Obj【key】= val
3.当属性名是字符串的时候 也需要使用【】

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>对象</title>
</head>
<body>
	<script type="text/javascript">
		// 对象定义方式,操作方式
	    // 1.使用系统提供Object() 实例化对象

		var obj1=new Object();
		//对象的操作
		 添加成员属性和成员方法
		obj1.name='欢欢';
		obj1.say=function(){
			console.log('我太难了');
		}
		// 修改name属性的值
		obj1.name='刘老师';
		// 删除
		delete obj1.name;
		console.log(obj1);

		// 2.直接定义
		var obj2={
			name:'小虎',
			say:function (){
				console.log('我是小脑虎')
			}
		}
		console.log(obj2);
		console.log(obj2.say());

		// 3.使用构造函数实例化对象
		function Student(name){
			this.name=name;
			this.say=function(){
				console.log('我是一头狼');
			}
		}
		// this 在那个对象使用,就指向谁。
        // 默认window.func(),这个是Student.func

		//实例化
		var haha=new Student('二哈');
		console.log(haha)

		// 什么时候用【】
		//  当属性名被存在变量中时 使用【】去操作
		//  当属性名是字符串时 也是用【】去操作
		var obj3={name:'贵宾',age:3};
		var key='gender';
		obj3[key]='男';
		// console.log(obj3);
		// console.log(obj3[key]);

		// 添加一个成员属性 ‘length’ 
		obj3['length']='180cm';
		// console.log(obj3['length'])
		for (i in obj3){
			console.log(obj3[i]);
		}
	</script>	
</body>
</html> 

6. 元素操作

Js主要的目的是用来操作html,
如何操作html,css中如果要设置元素的样式需要通过选择器获取元素,
在js当中如果你要操作元素必须先获取元素对象
如何获取元素:

  1. 通过id获取元素对象
  2. 通过标签名获取元素对象
  3. 通过类名获取元素对象
    在这里插入图片描述
    样式的操作:
    在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js操作元素</title>
</head>
<body>
	<div id="box" class="item1">1</div>
	<div class="item1">2</div>
	<script type="text/javascript">
	//1. js想要操作元素第一步就是要获取元素对象	
		// 1.通过id获取元素对象 返回元素对象 get获取  Elemenet 元素 By Id
		// 后两个getElements,要加s,会获取到多个
		var oDiv=document.getElementById("box");
		console.log(oDiv,typeof(oDiv));//<div id="box" class="item1"></div> "object"
		// 2.通过标签名获取元素对象 返回类数组对象
		var oDivs=document.getElementsByTagName('div');
		console.log(oDivs,typeof(oDivs));
		// 3. 通过类名获取元素 返回类数组对象
		var oDivcs=document.getElementsByClassName('item1');
		console.log(oDivcs,typeof(oDivcs));

	//2.设置元素的样式 通过js设置的都是行间样式
		// 格式: 元素对象.style.css属性='值';
		// 注意双拼词 如background-color 需要将-线去掉 第二个单词首字母大写
		oDiv.style.width='200px';
		oDiv.style.height='200px';
		oDiv.style.backgroundColor='red';
		
	//3.通过标签或者类名获取的对象不能直接使用 必须遍历单独设置
		for(var i=0;i<oDivs.length;i++){
			console.log(oDivs[i]);
			oDivs[i].style.width="200px";
			oDivs[i].style.height="200px";
			oDivs[i].style.backgroundColor="green";
		}
	</script>
</body>
</html>

元素属性的操作:
getAttribute()
setAttribute()
removeAttribute()
在这里插入图片描述
表单值的操作:
value属性
在这里插入图片描述

文本值的操作:
InnerHTML
InnerText
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>属性操作</title>
	<style type="text/css">
		#Div{
			width: 300px;
			height: 300px;
			background:#0f0;
		}
	</style>
</head>
<body>
	<div id="Div"><h1>被你征服</h1></div>
	<input type="text" name="" value="123" id='inp'>
	<img src="../img/0.jpg" id="img">
	<script type="text/javascript">
		var Img=document.getElementById('img');
		console.log(Img);
		// 获取src属性
			console.log(Img.getAttribute('src'));//上面的路径
			// src 本身就是img的默认属性 所以可以直接操作
			console.log(Img.src)//绝对路径
		// 设置属性
			Img.setAttribute('data','小恐龙');
			Img.setAttribute('src','../img/1.jpg');
			Img.src='../img/1.jpg';
		// 删除属性
		    Img.removeAttribute('data');
	    //表单值的操作 value
	    	var Inp=document.getElementById('inp');
	    	console.log(Inp.value);
	    	Inp.value='456';
	    //文本值的操作
	    	var oDiv=document.getElementById('Div');
	    	//获取文本
	    	//innerHTML 会连标签一起获取
	    	//innerText 获取纯文本
	    	console.log(oDiv.innerHTML);
	    	console.log(oDiv.innerText);
	    	oDiv.innerHTML='<h1>切断退路</h1>';
			oDiv.innerText='<h1>心情落幕</h1>';
	</script>	
</body>
</html>

常用的事件:
事件驱动语言
鼠标事件:
鼠标单击事件 onclick
鼠标的移入: onmouseover
鼠标的移出: onmouseout
鼠标移动: onmousemove
鼠标按下: onmousedown
鼠标抬起: onmouseup

键盘事件:
键盘按下: onkeydown
抬起: onkeyup

表单事件:
获取焦点 onfocus
失去焦点 onblur
当value值发生改变时触发的事件 onchange
提交事件: onsubmit

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#box{
			width: 200px;
			height: 200px;
			border: 1px solid red;
		}
</style>
</head>
<body>
	<div id="box"></div>
	<form action="" id="form">
		用户名:<input type="text" name="username">
		<select name="sel">
			<option value="0"></option>
			<option value="1">西</option>
			<option value="2"></option>
			<option value="3"></option>
		</select>
		<button>走你</button>
	</form>
	<script type="text/javascript">
		var oDiv=document.getElementById('box');
		// 绑定鼠标单击
		var flag=1;
		//触发就执行函数
		//单击事件,实现改变颜色
		oDiv.onclick=function(){
			if(flag==1){
				// 改变背景颜色;
				oDiv.style.backgroundColor='red';
				flag=0;
			}else{
				// 改变背景颜色;
				oDiv.style.backgroundColor='#fff';
				flag=1;
			}

		}
		// 移入事件
		oDiv.onmouseover=function(){
			console.log('我来到你的城市')
		}
		// 移出事件
		oDiv.onmouseout=function(){
			console.log('走过你来时的路')
		}
		// 移动时间
		oDiv.onmousemove=function(){
			console.log('带你转悠转悠')
		}
		//键盘事件
		window.onkeydown=function(){
			console.log('我按下了键盘')
		}
		// 键盘的抬起事件
		window.onkeyup=function(){
			console.log('我抬起了')
		}

		//表单事件,获取表单的id,再通过name去使用
		var Form=document.getElementById('form');
			//获取焦点
			Form.username.onfocus=function(){
				console.log('我中意你');
			}
			//失去焦点
			Form.username.onblur=function(){
				console.log('你失去了我');
			}
		//onchange 当value值发生变化时触发
		//对于普通的输入框只有失去焦点时才会触发change事件	
		//一般配合下拉框去使用
			Form.sel.onchange=function(){
				console.log('选我啊');
				// 获取当前选中的value值
				// 谁触发的事件this就代表哪个元素对象
				console.log(this.value);
			}
			// 提交事件 一般绑定给form元素 当单击提交按钮时触发
			Form.onsubmit=function(){
				alert('请留步');
			}
	</script>
	<!-- 先执行绑定事件 -->
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在信号处理领域,DOA(Direction of Arrival)估计是一项关键技术,主要用于确定多个信号源到达接收阵列的方向。本文将详细探讨三种ESPRIT(Estimation of Signal Parameters via Rotational Invariance Techniques)算法在DOA估计中的实现,以及它们在MATLAB环境中的具体应用。 ESPRIT算法是由Paul Kailath等人于1986年提出的,其核心思想是利用阵列数据的旋转不变性来估计信号源的角度。这种算法相比传统的 MUSIC(Multiple Signal Classification)算法具有较低的计算复杂度,且无需进行特征值分解,因此在实际应用中颇具优势。 1. 普通ESPRIT算法 普通ESPRIT算法分为两个主要步骤:构造等效旋转不变系统和估计角度。通过空间平移(如延时)构建两个子阵列,使得它们之间的关系具有旋转不变性。然后,通过对子阵列数据进行最小二乘拟合,可以得到信号源的角频率估计,进一步转换为DOA估计。 2. 常规ESPRIT算法实现 在描述中提到的`common_esprit_method1.m`和`common_esprit_method2.m`是两种不同的普通ESPRIT算法实现。它们可能在实现细节上略有差异,比如选择子阵列的方式、参数估计的策略等。MATLAB代码通常会包含预处理步骤(如数据归一化)、子阵列构造、旋转不变性矩阵的建立、最小二乘估计等部分。通过运行这两个文件,可以比较它们在估计精度和计算效率上的异同。 3. TLS_ESPRIT算法 TLS(Total Least Squares)ESPRIT是对普通ESPRIT的优化,它考虑了数据噪声的影响,提高了估计的稳健性。在TLS_ESPRIT算法中,不假设数据噪声是高斯白噪声,而是采用总最小二乘准则来拟合数据。这使得算法在噪声环境下表现更优。`TLS_esprit.m`文件应该包含了TLS_ESPRIT算法的完整实现,包括TLS估计的步骤和旋转不变性矩阵的改进处理。 在实际应用中,选择合适的ESPRIT变体取决于系统条件,例如噪声水平、信号质量以及计算资源。通过MATLAB实现,研究者和工程师可以方便地比较不同算法的效果,并根据需要进行调整和优化。同时,这些代码也为教学和学习DOA估计提供了一个直观的平台,有助于深入理解ESPRIT算法的工作原理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值