零基础学习js

一、引用JS文件的方式

1、内嵌

2、写在标签里面

3、引用外部文件[推荐使用,写在body结束标签之前,优化用户体验]

 
 
 
 
 
<script type="text/javascript" src="文件路径">
</script >
 

二、声明变量

 
 
 
 
 
var a;
 a=10;
简写为:
var a=10;
 

三、数据的类型 5种

数值类型 number

字符串 string 单引号

布尔值boolean

null

undefined

3.1转义字符

\ 代表输出文本内容

\n 代表换行

 
 
 
 
 
var a='hello\'word'';          //输出的内容为:  hello'word'
 

3.2变量,命名的规则

第一个字符可以是任意的大小写字母,以及$和_

第二个字符及后面的字符,还可以为数值

变量命名不能声明含有特别规定有意义的名字

注意:π 也是规范的命名,属于希腊符号

四 操作符

4.1 ++、--、-、+ 操作符

注意:自增操作符,自减操作符放在操作数的前面,会把操作数自加1之前的值作为返回值;反之,才会自加后的值作为返回值。

 
 
 
 
 
var a=10;
var b;
b=a++;
console.log(a);
console.log(b);
// 11   10   
var a=10;
var b;
b=++a;
console.log(a);
console.log(b);
//  11   11
 

-:一元减,即取相反数; +一元加,作用往往将其他数据类型转化成为数字类型。

4.2 +、-、*、/、%算数操作符

将非数字类型转化成为数值类型,但并不是所有的都能转化。

 
 
 
 
 
console.log('abc'*'5'); // 其中的abc就不能够转化成为数值类型。
 

+代表的2种意思 算数运算符、字符串拼接操作符

 
 
 
 
 
console.log(10+'20');   //  输出为1020
 

判断规则:操作数中有一个操作数为字符串类型,那么这个加好就代表字符串拼接操作符;否则代表加法操作符。

4.3 type of 操作符

 
 
 
 
 
var a='10';
var b=-a;
console.log(typeof a); 
console.log(typeof b); 
//string
//number
 

4.4 逻辑操作符 !

非,一元操作符,先求操作数的布尔值,返回与布尔值相反的情况

 
 
 
 
 
var a=true;
var b=!a;
console.log(b); 
//false
 

4.5 &&与操作符

 
 
 
 
 
var a=true;
var b=false;
var c=a&&b;
console.log(c); 
//false
 

规则:求第一个数的布尔值,如果这个布尔值为true,那么最终的返回值就是第二个操作数,否则最终的返回值是第一个操作数。

 
 
 
 
 
var a=10;
var b='hello';
var c=a&&b;
console.log(c); 
//hello
var a=null;
var b=false;
var c=a&&b;
console.log(c); 
//null
 

4.6 || 或操作符

规则:求第一个数的布尔值,如果这个布尔值为true,那么最终的返回值就是第一个操作数,否则最终的返回值是第二个操作数。

 
 
 
 
 
var a=' ';
var b=20;
var c=a||b;
console.log(c); 
//     (空格)
 

短路操作

 
 
 
 
 
var a=10;
var b=true||(a++);
console.log(a,b);
//10 true
 

4.7 >、<、>=、<= 关系操作符

4.8 相等 全等操作符

相等操作符 ==

不相等操作符!=

全等操作符 ===

不全等操作符!==

优先使用全等及不全等操作符

 
 
 
 
 
var a='10';
var b=10;
var c=a==b;
var d=a===b;
console.log(c);
console.log(d);
//true
//false
 

4.9 赋值操作符 =

4.10 条件操作符

一?二:三 (一的布尔值为true 则返回值为二 否者为三)

 
 
 
 
 
var a=true?10:20;
console.log(a);
//10
var a=false?10:20;
console.log(a);
//20
 

五、流程控制

5.1 if else 语句

 
 
 
 
 
//输入一个数字,判断这个数字比10大还是小
var num=prompt('请输入一个数字');
if(num>10){
  console.log('大');
}else{
  console.log('小');
}
 

5.2 switch 语句

 
 
 
 
 
var a=2;
switch(a){
  case 1 ;
  console.log(1);
  break;
  case 2 ;
  console.log(2);
  break;
  case 3 ;
  console.log(3);
  break;
  default:
   console.log('一个都没有');
}
 

 

posted @ 2016-10-16 20:37  晨曦橙  阅读(1301)  评论(0编辑  收藏  举报