JavaScript 学习笔记(第二天)

JavaScript 学习笔记(第二天)

  • 一、分支结构
    • 1.1、do while 循环
    • 1.2、for循环
    • 1.3、break终止循环
    • 1.4、continue结束本次循环
    • 1.5、求质数案例
    • 1.6、九九乘法表
  • 二、函数
    • 2.1、函数的基础
      • 2.1.1、函数的概念
      • 2.1.2、定义函数
        • 2.1.2.1、声明式
        • 2.1.2.2、赋值式
      • 2.1.3、调用函数
    • 2.2、函数实现九九乘法表
    • 2.3、函数的参数
    • 2.4、返回值
      • 2.4.1、返回值案例
    • 2.5、预解析
      • 2.5.1、解释代码
    • 2.6、作用域
      • 2.6.1、全局作用域
      • 2.6.2、局部作用域
    • 2.7、变量使用规则
      • 2.7.1、访问规则
      • 2.7.2、赋值规则
  • 三、对象
    • 3.1、对象
      • 3.1.1、创建对象
    • 3.2、对象的基本操作
    • 3.3、对象的遍历
    • 3.4、不同数据类型的存储

一、分支结构

1.1、do while 循环

  • 是一个和while循环类似的循环
  • while会先进行条件判断,满足就执行,不满足直接就不执行了
  • 但是do while 循环是,先不管条件,先执行一回,然后在进行条件判断
  • 语法:do{ 要执行的代码 } while (条件)
//下面这个代码,条件一开始就不满足,但是依旧会执行一次do后面{}内部的代码
var num = 10;
do {
	console.log('我执行了一次')
	num = num +1;
}while (num<10)

小知识点

prompt(“”) →输入框

1.2、for循环

  • 和while 和 do while循环都不太一样的一种循环
  • 道理是和其他两种一样的,都是循环执行的代码的
  • 语法:for ( var i = 0 ; i < 10;i ++).
//把初始化,条件判断,自身改变,写在了一起
for ( var i = 1;i<= 10;i++ )
//这里写的是要执行的代码
	console.log(i)
}
//控制台会依次输出1~10

1.3、break终止循环

  • 在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环
  • 比如:我吃了我吃了五个包子,吃到三个的时候,不能再吃了,我就停止吃包子这个事情
  • 要终止循环,就可以直接使用break关键字
for( var i = 1;i <= 5;i++)
{
	//每循环一次,就吃一个包子
	console.log('我吃了一个包子')
	//当i的值为3的时候,条件为true,执行{}里面的代码终止循环
	//循环就不会继续向下执行,也就没有4和5了
	if(i===3)
	{
	break
	}
}

1.4、continue结束本次循环

  • 在循环中,把循环的本次跳过去,继续执行后续的循环
  • 比如:吃我个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个
  • 跳过本次循环,就可以使用continue关键字
for(var i = 1;i<=5;i++)
//当i的值为3的时候,执行{}里面的代码
//{}里面有continue,那么本次循环后面的代码就都不执行了
//自动算作i为3的这一次结束了,去继续i=4的那次循环了
if(i===3){
	console.log('这是第三个包子,掉地下了,我不吃了')
	continue
	}
	console.log('我吃了一个包子')
}

1.5、求质数案例

  • 质数:除了1和它本身以外,没有其他的约数
  • 比如:1,3,5,7,11…
<script>
	var n=9;
	var zhushu=ture;
	for(var i=2;i<=n/2;i++)
		if(n%i===0){
		zhushu = flase;
		break;
		}
		console.log(i)
	}
	if (zhushu){
		console.log('Yes');
	}else{
	 	console.log('No');
	 }
</script>
//简化
<script>
	var n=9;
	for(var i=2;i<=n/2;i++)
		if(n%i===0){
		break;
		}
		console.log(i)
	}
	if (i<=n/2){
		console.log('Yes');
	}else{
	 	console.log('No');
	 }
</script>

1.6、九九乘法表

<style>
	span{
	display:inline-block;
	width: 100px;
	height:20px;
	}
</style>
<script>
for(var i=1;i<=9;i++)
{
	for(var j=1;j<=i;j++)
		{
		document.write(""+j+"*"+i+"="+j*i"+ ")
		}
		document.write("
"
) } </script>

二、函数

2.1、函数的基础

2.1.1、函数的概念

  • 对于js来说,函数就是把任意一段代码放在一个盒子里面
  • 在我想要让这段代码执行的时候,直接执行这个盒子里面的代码就行
  • 例:
//这个是我们以前写的一段代码
for(var i = 0;i<10 ;i++)
{
	console.log(i)
}
//函数,这个{}就是那个“盒子”
function fn() {
//这个函数我们以前写的代码
for (var  i =0 ;i<10;i++)
	{
	console.log(i)
	}
}	

2.1.2、定义函数

2.1.2.1、声明式

  • 使用function这个关键词来声明一个函数
//直接声明函数
function test1(){
	console.log("我是test1函数")
}
function tset2(){
	console.log("我是test2函数")
}

2.1.2.2、赋值式

  • 其实就是我们使用var关键词是一个道理了
  • 首先使用var定义一个变量,把一个函数当作值直接赋值给这个变量就可以了
var test3 = function(){
	console.log("我是test3函数")
}

两者区别:

  • 声明式的先调用再定义,赋值式的先定义再调用

2.1.3、调用函数

  • 直接在

你可能感兴趣的:(javascript,学习,前端)