Blogger Information
Blog 17
fans 0
comment 1
visits 15631
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
javascript基础-2019年07月09日011时27分
无名氏_连的博客
Original
692 people have browsed it

今日学习JavaScript,由于js基础内容部比较杂,不好分类,所以总结内容就直接写在实操注释中:

//单行注释



/*

多行注释

*/


var a;//声明变量用var


a=101;//给变量赋值,也叫初始化


console.log(a);//console为浏览器控制台对象,log是输出函数


var b = 11;//b为数值类型


var c = 'hello world';//c为字符串类型


var d = null;//d为空类型


var e = undefined;//e为未知类型


var f = true;//f为布尔类型


/*

对象分类:对象、函数、数组

其中 数值、布尔、字符串也是包装对象

*/


// === 全等符,对比值一致,类型也需一致

var tep='';

if (b===c) {

tep = '类型一致';

}else{

tep = '类型不同';

}

// console.log(tep);


//类型转换

Number();//转数值类型

String();//转字符串类型

parseInt();//转整数类型



//声明函数: function 函数名(形参){函数体}

//调用函数:函数名(实参);

function fun(a,b){

var tap='我是一个函数';

return tap+a+b;//return 为返回值;无return时默认返回undefined

}

aa = ',我是aa参数';

bb = ',我是bb参数';

console.log(fun(aa,bb));//实参可以引用变量


//在函数体内声明的变量是局部变量,它不可在函数体外引用,函数体外声明的变量是全局变量,可在函数体内引用

var trp = '我是全局变量';

function fun1(){

var tzp = '我是局部变量';

return tzp+'tzp,'+ trp +'trp';  


}

console.log(fun1());


//作用域:查找变量的途径,函数体内的变量只有函数本身能调用


//变量提升:指声明变量并初始化后,变量会自动置顶


//流程控制:单分支、双分支、多分支、三元运算符


//单分支

var wap=2; 

if (wap==1) {

console.log('我是单分支');

}


//双分支

if (wap==0) {

console.log('我是双分支if');

}else{

console.log('我是双分支else');

}


//多分支 if(){}else if(){}

if(wap==1){

console.log('我是多分支1');

}else if(wap==2){

console.log('我是多分支2');

}else{

console.log('我是多分支else');

}


//多分支 switch(){case: ; break;}

switch(wap){

case 1: console.log('我是switch 1');

break;//break为跳出执行

case 2: console.log('我是switch 2');

break;


default:console.log('我是默认值 default');//default为默认语句,当case不匹配时执行此语句

break;

}


//switch执行判断语句 在switch()参数添加为true:switch(true){}

switch(true){

case wap==1:console.log('我是switch ==1');

break;

case wap>1 && wap<5:console.log('我是switch >1 <5');

break;


default:console.log('我是默认值 default');

break;


}



//三元运算符

(wap==1)?console.log('true'):console.log('false');



//循环


//for循环 语法:for(初始值;判断条件;更新条件){循环体}

var sum = 0;

for(var i=0;i<=9;i++){

console.log(sum+'+'+i+'='+(sum+i));

sum = sum + i;

}

console.log(sum);


//while循环 语法:while(循环条件){} 当循环条件为true时才执行循环体 

var wtp = 1;

while(wtp<10 && wtp >0){

console.log('我是while循环'+wtp);

wtp++;

}


//do()while(){}循环  无论循环条件为true或false,都将先执行do语句内容

var text = ""

var i = 0;

do {

    console.log(text += "<br>数字为 " + i);

    i++;

}

while (i < 5 && i>0) {

console.log('我是do...while');

    

}

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js基础-0709</title>
</head>
<body>
	<script>
		//单行注释
		

		/*
		多行注释
		 */
		
		var a;//声明变量用var

		a=101;//给变量赋值,也叫初始化

		console.log(a);//console为浏览器控制台对象,log是输出函数

		var b = 11;//b为数值类型

		var c = 'hello world';//c为字符串类型

		var d = null;//d为空类型

		var e = undefined;//e为未知类型

		var f = true;//f为布尔类型

		/*
		对象分类:对象、函数、数组
		其中 数值、布尔、字符串也是包装对象
		 */
		
		// === 全等符,对比值一致,类型也需一致
		var tep='';
		if (b===c) {
			tep = '类型一致';
		}else{
			tep = '类型不同';
		}
		// console.log(tep);
		
		//类型转换
		Number();//转数值类型
		String();//转字符串类型
		parseInt();//转整数类型


		//声明函数: function 函数名(形参){函数体}
		//调用函数:函数名(实参);
		function fun(a,b){
			var tap='我是一个函数';
			return tap+a+b;//return 为返回值;无return时默认返回undefined
		}
		aa = ',我是aa参数';
		bb = ',我是bb参数';
		console.log(fun(aa,bb));//实参可以引用变量

		//在函数体内声明的变量是局部变量,它不可在函数体外引用,函数体外声明的变量是全局变量,可在函数体内引用
		var trp = '我是全局变量';
		function fun1(){
			var tzp = '我是局部变量';
			return tzp+'tzp,'+ trp +'trp';  

		}
		console.log(fun1());

		//作用域:查找变量的途径,函数体内的变量只有函数本身能调用
		
		//变量提升:指声明变量并初始化后,变量会自动置顶

		//流程控制:单分支、双分支、多分支、三元运算符
		
		//单分支
		var wap=2; 
		if (wap==1) {
			console.log('我是单分支');
		}

		//双分支
		if (wap==0) {
			console.log('我是双分支if');
		}else{
			console.log('我是双分支else');
		}

		//多分支 if(){}else if(){}
		if(wap==1){
			console.log('我是多分支1');
		}else if(wap==2){
			console.log('我是多分支2');
		}else{
			console.log('我是多分支else');
		}

		//多分支 switch(){case: ; break;}
		switch(wap){
			case 1: console.log('我是switch 1');
			break;//break为跳出执行
			case 2: console.log('我是switch 2');
			break;

			default:console.log('我是默认值 default');//default为默认语句,当case不匹配时执行此语句
			break;
		}

		//switch执行判断语句 在switch()参数添加为true:switch(true){}
		switch(true){
			case wap==1:console.log('我是switch ==1');
			break;
			case wap>1 && wap<5:console.log('我是switch >1 <5');
			break;

			default:console.log('我是默认值 default');
			break;

		}


		//三元运算符
		(wap==1)?console.log('true'):console.log('false');


		//循环
		
		//for循环 语法:for(初始值;判断条件;更新条件){循环体}
		var sum = 0;
		for(var i=0;i<=9;i++){
			console.log(sum+'+'+i+'='+(sum+i));
			sum = sum + i;
		}
		console.log(sum);

		//while循环 语法:while(循环条件){} 当循环条件为true时才执行循环体 
		var wtp = 1;
		while(wtp<10 && wtp >0){
			console.log('我是while循环'+wtp);
			wtp++;
		}

		//do()while(){}循环  无论循环条件为true或false,都将先执行do语句内容
		var text = ""
		var i = 0;
		do {
		    console.log(text += "<br>数字为 " + i);
		    i++;
		}
		while (i < 5 && i>0) {
			console.log('我是do...while');
		    
		}
	</script>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:qualified

Teacher's comments:JS基础知识 其实并不多的, 尽快跟上进度
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments