今日学习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>运行实例 »
点击 "运行实例" 按钮查看在线实例