JS基础知识点

js最基本的三种输出方式:

console.log('hello world');

控制台输出hello world

document.write('hello world');

页面打印出hello world

alert('hello world');

页面弹出helllo world

变量的声明:

var uname;声明一个变量

uname='张三';给变量赋值

上面的两部可以简写为

var uname='张三';

在控制台出输出变量uname

console.log(uname);正确

console.log('uname');错误。这样输出的是uname这串字，输出一个变量不需要加引号

声明变量与未声明变量:

1.声明变量不赋值,返回undefined

var uname

console.log(uname);

2.直接输出未声明的变量,会报错

console.log(upwd);

变量的命名规范:

变量名可以包含数字字母和下划线$

但不可以以数字和特殊符号开头

var name='张三';正确

var name1='张三';正确

var name_1='张三';正确

var $name='张三';正确

var 1name='张三';错误

var +name='张三';错误

var *name='张三';错误

变量的赋值:

var uname='张三';

var uname='李四';

console.log(uname);

console.log(typeof uname);

常量一旦声明就不可以被改变

const PI=3.15;

const PI=3.14;

console.log(PI);

一、隐式转换结论

1、数字 + 字符串 ：将数字转换为字符串

2、数字 + boolean ：将 boolean 转换为 number类型

3、数字 + undefined ：结果为 NaN，NaN的类型为 number

4、字符串 + boolean ：将boolean 转换为 字符串

5、boolean + boolean ：都转换成number在做相加运算

注:NaN:not a number  判断一个非数字    如果不是一个数字返回true，如果是一个数字返回false

案例：var str="hello world";

var str1=isNaN(str);

console.log(str1);

二、显示转换/强制转换

1.toString()  将任意类型转换为字符串类型

var  num=5;

var str=num.toString();

console.log(typeof str);

2.parseInt(); 将一个数据转换为整数

var  num=5.5;

var str=parseInt(num);

console.log(str);5

console.log(typeof str);number

3.parseFloat()  将一个数据转换为小数 

var  num=.5;

var str=parseFloat(num);

console.log(typeof str);0.5

console.log(typeof str);number

4.Number  将一个数据转换为number类型

var str="35.5你好";

var str1=Number(str);

console.log(str);

三、运算符和表达式

1.算数运算符

+,-,*,/,%

%也叫模

10 % 3 : 1

10.5 % 3 :1.5

++,-- 运算符，单目运算符

++:自增运算,增量为1

var i=5;

i++;i=i+1;

++i;i=i+1;

++在前：a自身先自加1，再把新得的值给b

var a=3;

var b=++a

document.write(a);

document.write(b);

++在后：先把a的值给b，再自身加1

var a=3;

var b=a++;

document.write(a);

document.write(b)

--:自减运算,减量为1

--在前：a自身先自减1，再把新得的值给b

var a=3;

var b=--a

document.write(a);

document.write(b);

--在后：先把a的值给b，再自身减1

var a=3;

var b=a--;

document.write(a);

document.write(b)

四舍五入：toFixed(保留位数);

语法：数字.toFixed(n);

由算术运算符所组成的表达式，称之为算术表达式

var a;

var b;

var c = a + b; //算术表达式，赋值表达式

2、关系运算符

1、作用

判断数据之间的大小或相等关系

2、关系运算符

>,<,>=,<=,==,!=

由关系运算符所组成的表达式称之为关系表达式，关系表达式的值为boolean类型

==，!= : 只判断数值是否相等，与类型无关

全等：===

类型相同

数值相同

不全等：!==

3、逻辑运算符

1、作用

判断多条件以及条件取反时使用

2、语法

1、逻辑 非

对现有条件取反

语法：!

2、逻辑 与

两个条件，两条件同时为真时，&& 表达式才为真。

语法：&&

ex：

考试通过条件：

1、机试 >= 60分

2、笔试 >= 60分

3、逻辑 或

两个条件，只要有一个为真时，表达式即为真

语法：||

3、运算结果

true && true : true

true && false : false

false && true : false

false && false :false

true || true : true

true || false :true

false || true : true

false || false :false

与（和，且）&&

或      ||

非      取反    ！

有假且(&&)为假，有真或(｜｜)为真。

var a=Number(prompt('请输入第一个数'));

var b=(prompt('请输入第二个数'));

alert(a+b);

4.条件运算符(三目运算符)

1、语法

? :

表达式1?表达式2:表达式3;

表达式1，值应该为 boolean 类型

如果表达式1的值为true，那么表达式2的值则作为整个表达式的值

如果表达式1的值为false，那么表达式3的值则作为整个表达式的值

ex ：输入考试成绩，如果成绩大于等于60 ，则输出及格，否则输出 不及格

一：运算符和表达式

1.三目运算符(三元运算符)

表达式1?:表达式2:表达式3；

表达式1的值应该为boolean类型的值

如果表达式1的值为true,那么表达式2作为整个表达式的结果

如果表达式1的值为false,那么表达式3做为整个表达式的结果

一、流程控制语句

1. 

if(条件){

要执行的语句

}

2.

if(条件){

条件为true时执行的语句

}else{

条件不为true时执行的语句

}

3.多重条件语句

else if(){

}

4.switch .....case

switch(表达式/变量){

case 情况1:

要执行的语句；

break;

case 情况2:

要执行的语句；

break;

case 情况3:

要执行的语句；

break;

default:以上任何一块都没匹配上的时候

要执行的语句；

break;

}

练习 :

星期一 : 麻辣小龙虾

星期二 : 羊肉串

星期三 : 火锅

星期四 : 四菜一汤

星期五 : 方便面

星期六 : 馒头

星期日 : 水

var date = prompt('请输入今天星期几')；

switch(date){

            case ' 星期一 ' :

              alert('麻辣小龙虾')；

                break；

            case ' 星期二 ' :

              alert('羊肉串')；

                break；

            case ' 星期三 ' :

              alert('火锅')；

                break；

            case ' 星期四 ' :

              alert('四菜一汤')；

                break；

            case ' 星期五 ' :

              alert('方便面')；

                break；

            case ' 星期六 ' :

              alert('馒头')；

                break；

            case ' 星期日 ' :

              alert('水')；

                break；

}

switch .....case直落形式

即不管是哪种情况都做相同的事

switch(){

case 情况1:

case 情况1:

case 情况1:

case 情况1:

case 情况1:

要执行的语句

break;

练习 :

var date = prompt('请输入今天星期几')；

switch(date){

case ' 星期一 ' :

case ' 星期二 ' :

case ' 星期三 ' :

case ' 星期四 ' :

case ' 星期五 ' :

case ' 星期六 ' :

case ' 星期日 ' :

alert('羊肉串')；

break；

}