js基础基本数据类型和引用数据类型

原创已于 2023-09-10 23:32:05 修改 · 190 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2022-04-03 14:15:48 首次发布

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了JavaScript中的基本数据类型（string、number、Boolean、null、undefined）与引用数据类型（object）的区别，强调了栈内存与堆内存的概念。通过示例展示了函数的创建与调用，包括匿名函数和立即执行函数的用法。此外，还探讨了函数参数、返回值类型以及对象的方法调用。文章通过实例帮助理解JavaScript中数据类型的特性和函数的应用。

基本数据类型
string，number，Boolean，null，nudefined
引用数据类型
object
区别
基本数据类型数据是栈内存，数据之间是独立的，不会因为修改数据导致其他数据发生变化，引用变量类型是堆内存，在新建一个实例就会在堆里面新建一个存储空间存放数据，然后将创建的数据引用这里的数据，如果数据发生变化，引用数据将会发生变化
*/
// 函数，函数是一个对象，里面可以封装一些代码，需要调用才运行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基本数据类型和引用数据类型</title>
	</head>
	<body>
		基本数据类型和引用数据类型
		<script>
		/*
		基本数据类型
		string，number，Boolean，null，nudefined
		引用数据类型
		object 
		区别
		基本数据类型数据是栈内存，数据之间是独立的，不会因为修改数据导致其他数据发生变化，引用变量类型是堆内存，在新建一个实例就会在堆里面新建一个存储空间存放数据，然后将创建的数据引用这里的数据，如果数据发生变化，引用数据将会发生变化
		*/
	   // 函数，函数是一个对象，里面可以封装一些代码，需要调用才运行
	   var fun= new Function("console.log('这是我的第一个函数');");//封装函数(构造函数)
	   fun();//调用函数
	   function fun2(){//函数声明方法创建函数
		   console.log('这是我的第二个函数')
	   }
	  fun2()
	  //匿名函数
	  var fun3 = function(){
		  console.log("这是一个匿名函数"); 
	  }   
		fun3();
	
	
		//函数的参数
		//定义一个求和函数
		function sum(a,b){
			c = a+b
			// console.log(a+b);
			return c;
		}
		// 调用函数时赋值
		sum(4,5)
		// 实参是否是任何值
		function isou(num){
			if(num%2==1){
				return true;
			// alert('不是偶数');
			}else{
				// alert('是偶数');
				return false;
				}
				}
			var result = isou(10);
			console.log(result)
				
				
			//返回值类型
			function fun(){
				for(i=0;i<10;i++){
					alert('函数执行');
					alert('函数结束了')
					return '结束零';
				}
				fun();
				
			}
			
			function fun2(){
				return null;
			}
			var a = fun2();
			console.log(a);
			
			//立即执行函数
			(function(){
				alert('一个匿名函数');
			})();
			
			//方法
			var obj= new Object();
			obj.name = '猪八戒';
			obj.age = 500;
			obj.sayName = function(){
				
				console.log('对象')
				};
			function func(){
				console.log(obj.name);
			}
				//调用方法
			obj.sayName();
			//调用函数
			func();
			
			
			//枚举对象中的属性
			var obj1 = {
				name: '和害怕',
				sge:'19',
				gender:'boy',
				address:'huaguoshan'
			};
			// 使用for in语句枚举
			for(var n in obj1)
			{
				console.log(n+obj1[n]);
							}
				
		</script>
	</body>
</html>