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；
}
