javascript前端三层,字面量,变量,语句(if,switch,三元运算符,for,do while等)

时间:2022-01-10 17:22:07

 1:前端三层:

结构层 HTML 

样式层 CSS 

行为层 JavaScript 

2:
JavaScript语句和语句之间的换行、空格、缩进都不敏感。
alert("你");
alert("和");
alert("我");
语句一行一行写,分号是没有必要的。
们把页面做好之后,通常都会进行压缩,用软件把所有的空格、换行都去掉。此时,语句末尾的分号显得非常重要,如果去掉分号,将不能执行。
一般都加分号
3:
数字字面量和字符串字面量
数字的字面量,就是这个数字自己。
JavaScript中,数字的字面量可以有三种进制:
10进制:普通的数字就是十进制,只有十进制有小数的字面量,八进制、十六进制没有小数的字面量。
8进制:如果以0开头、或者以0o开头、或者以0O开头的都是八进制,八进制只能用0~7来表示
如果0开头表示不合法,那么JS将自动的认为你输入错了,从而用十进制进行显示
以0o开头、0O开头的数字,如果后面写错了,控制台报错!
eg:
console.log(036); //30 3*8+6
console.log(044); //36
console.log(010); //8
console.log(0o36); //30
console.log(0O36); //30
console.log(088); //88
console.log(0o88); //Uncaught SyntaxError: Invalid or unexpected token
16进制:如果以0x开头的都是十六进制。
后面有错误的写法,那么控制台报错
eg:
0到9
abcdef代表10,11,12,13,14,15
console.log(0xff); //255 15*16+15
console.log(0x2b); //43 2*16+11
onsole.log(0x11); //17
console.log(0x4n); //Invalid or unexpected token
字符串字面量
字符串的字面量,必须用双引号或者单引号包裹起来。必须是成对单引号或成对双引号。引号内部可以有不同种的引号
常见的转义字符
\n 回车换行
\t tab缩进
\"表达引号 转义字符
console.log("你像\"哇哈哈\"一样漂亮");
\\反斜杠转义反斜杠
console.log("c:\\a\\b.jpg");
c:\a\b.jpg

4:JavaScript 变量

把变量看做存储数据的容器。
x=2;
y=1;
z=x+y;
JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。
变量的名称是标识符(identifiers),任何标识符的命名都需要遵守一定的规则,并且不能是JavaScript保留字、关键字:
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不推荐)
变量名称对大小写敏感(y 和 Y 是不同的变量)
非法的变量名称:
var 123a; //不能数字开头
var 12_a; //不能数字开头
var abc@163; //不能有特殊符号,符号只能有_和$
var abc¥; //不能有特殊符号,符号只能有_和$
var var; //不能是关键字
var class; //不能是保留字
var(variables变量)关键字来定义变量,关键字就是一些有特殊功能的词语,关键字后面要有空格。
变量的赋值用等号,在JS中等号没有其他的含义,等号就表示赋值。
var a;
a=100;
console.log(a);
//100
如果一个变量,仅仅var,但是没有赋初值,此时这个变量的值就是undefined;
eg:
var a;
console.log(a);
//undefined
(1)变量必须先声明,才能使用
使用一个变量,必须先进行一个var,才能使用。
console.log(b); 
//Uncaught ReferenceError: b is not defined
语句

1:if……else……
就是根据某种条件执行某些语句,不执行某些语句。
if(){
}else if(){
}else{
}
else只能有一个,并且一定要放在最后。表示所有的分支都不满足的时候执行的事情。
if(8 > 5){
  console.log("哈");
}
console.log("嘻");
//哈
//嘻
2:switch
进行相同判断,底层是===的比较(待检测值和值1等之间)
switch(待检测值){
  case 值1 :
   //具体做的事情
  break;
  case 值2 :

   //具体做的事情
  break;
  case 值3 :

   //具体做的事情
  break;
  default :
  默认要做的事情
  break;
}
不写break,switch语句,除了执行这个case里面的语句之外,还将执行下面的case的语句,直到遇见一个break终止。
eg:
var a = 5;
switch(a){
  case 4:
  alert("我是4");
  case 5:
  alert("我是5");
  case 6:
  alert("我是6");
  break;
  case 7:
  alert("我是7");
  break;
  default:
  alert("默认");
  break;
}
//5和6
3:三元运算符
条件 ? value1 : value2
如果条件是true,那么表达式的值就是value1。如果条件是false,表达式的值就是 value2。
eg:
var a = 8 > 5 ? 2 : 3;
console.log(a);
//2
4:循环语句
(1)一系列反复执行直到符合特定条件的命令。
eg:
for(var i = 3 ; i < 10 ; i+=4){
  console.log(i);
}
//3
//7
eg:
for(var i = 4 ; i != 10 ; i+=2){
  console.log(i);
}
//4
//6
//8
eg:
for(var i = 2 ; i < 12 ; i+=3){
  i += 4;
  console.log(i);
}
//6
//13
eg:
for(var i = 1 ; i < 10 ; i++){
  //里面没有语句
}
console.log(i);
//10
eg:
(var m = 2 , n = 3 ; m + n < 10 ; m++){
  n += m;
  console.log(m , n);
}
//2 5
//3 8
(2)for循环里面的break和continue语句
break语句
for循环中,如果遇见了break语句,这个当前的紧邻的for循环就会立即终止,不在进行其他的迭代了。
eg:
for(var i = 1 ; i <= 100; i++){
  console.log(i);
  if(i == 5){
    break; //找到了一个立即终止循环
  }
}
//1
//2
//3
//4
//5
continue语句
遇见continue语句,for会立即终止执行后面的语句,然后进入下一次迭代了。
eg:
for(var i = 1 ; i <= 7 ; i++){
  if(i == 5){
    continue; //当i为5的时候,立即终止执行后面的console语句,直接i为6了。
  }
  console.log(i);
}
//1
//2
//3
//4
//6
//7
5:do while语句
do{
  ①语句
}while(②条件表达式)
后置验证语句。怎么着都会执行一次
eg:
var i = 1;
do{
  console.log(i);
  i++;
}while(i <= 3)
//1
//2
//3
6:while语句
一个前置验证语句
while(false){
  console.log("哈哈");
}
//不执行。先验证表达式然后执行里面的语句