一、什么是javascript？
javascript是一种运行于js解释器中的脚本语言，简称js。
javascript与html关系：
html是脚本语言，用于在浏览器中显示。
javascript是脚本语言，用于与浏览器实现对话。
二、js的组成：
1.ECMAScript(js的核心）。
2.Dom(文档对象模型 全称：Document Object Model），让js能与页面元素对话。
3.Bom（浏览器对象模型 全称：Browser Object Model），让js能与网页进行对话。
js的特点：
1.编写简单
2.无需编译，直接运行。
3.弱类型编程语言
强类型编程语言： C,C++，Java ...
特点：由数据类型来决定数值
弱类型编程语言：JS
特点：由数值 来决定数据类型
4.面向对象的编程语言
三、变量和常亮
1.变量：内存中的一段存储空间。
2.变量的生明
1)、声明
var 变量名;
2)、赋值
变量名=值;
3)、声明变量并赋初始值
var 变量名=值;
var a=10;
var a=5;
console.log(a);
3、一次性声明多个变量
声明 stuname，stuage，stugender 变量
var stuname;
var stuage;
var stugender;
一次性声明多个变量 使用一个 var 关键字， 多变量名之间 用 , 分隔
var stuname, stuage,stugender;
4、变量的命名规范
1)、可以包含字母、数字、下划线、$
var +name; //错误 ，不能有 +
var $name;//正确
2)、不能以数字开头
var 1name; //错误
var name1; //正确
var $name; //正确
var _name; //正确
3)、尽量见名知意
var username;
var salary;
5.命名方式
1）.匈牙利命名法
2）.驼峰命名法：如果 变量名 是由多个单词组成的合成词，从第二个单词开始，每个单词的首字符变大写
如：var userName;
var userSalary;
var stuJavaScore;
3）.下划线命名法：
如：var _userName;
var what_name；
1.常亮：一旦声明就不可以改变的值叫做常量；
如：1天=24小时 1小时=60分钟 太阳每天东升西落。
2.声明常量的方法：
1）声明常量用 const,常量名一般大写,声明常量必须赋值
const DAY;
const PI;
2）声明常量并赋值
const DAY=24;
const PI=3.14;
js的数据类型：
数字类型(number)
字符串(string)
布尔(boolean)
null(空)
undefined(未定义)
对象（object）
1..数字类型 number
数字类型包括整数和小数
var num1 = 15;//number
2. 字符串 string
有引号 单引或双引的都是字符串类型
console.log(typeof uname);//string
3.布尔类型 boolean
布尔类型只有两个值 true 和 false,true表示真，false表示假
在做运算的时候 true为1 false 为0
true+false=1
4.null 空
5.undefined 未定义
声明变量没复制返回undefined
6.object 对象
四、隐式转换结论
1、数字 + 字符串 ：将数字转换为字符串
2、数字 + boolean ：将 boolean 转换为 number类型
3、数字 + undefined ：结果为 NaN，NaN的类型为 number
4、字符串 + boolean ：将boolean 转换为 字符串
5、boolean + boolean ：都转换成number在做相加运算
显示转换/强制转换
1.toString() 将任意类型转换为字符串类型
var num=5;
var str=num.toString();
console.log(typeof str);
2.parseInt(); 将一个数据转换为整数
var nuam=5.5;
var str=parseInt(nuam);
console.log(typeof str);
console.log(str);
3.parseFloat() 将一个数据转换为小数
var num=.0005;
var str=parseFloat(num);
console.log(str);//5
console.log(typeof str);
4.Number 将一个数据转换为number类型
var toom="you shi";
var str1=isNaN(toom);
console.log(toom1);
console.log(typeof toom1);
五、运算符和表达式
1.算数运算符：+,-,*,/,%，++，--
++:自增运算,增量为1
++在前 ：先对变量进行自增操作，然后再使用变量的值
++在后 ：先使用变量的值，再对变量进行自增。
--:自减运算,减量为1
--在前; //先自减，然后再使用变量值
--在后; //先使用 变量值，然后再自减
四舍五入：toFixed(保留位数);
2关系运算符
作用
判断数据之间的大小或相等关系
关系运算符
>,<,>=,<=,==,!=
由 关系运算符所组成的表达式 称之为 关系表达式，关系表达式的值为boolean类型
==，!= : 只判断数值是否相等，与类型无关
全等：===
类型相同
数值相同
不全等：!==
3、逻辑运算符
作用：
判断多条件 以及 条件取反时使用
语法
逻辑 非：
对现有条件 取反
语法：!
逻辑 与：
两个条件，两条件同时为真时，&& 表达式才为真。
语法：&&
ex：
考试通过条件：
1、机试 >= 60分
笔试 >= 60分
逻辑 或：
两个条件，只要有一个为真时，表达式即为真
语法：||
运算结果
true && true : true
true && false : false
false && true : false
false && false :false
true || true : true
true || false :true
false || true : true
false || false :false
4.条件运算符(三目运算符)
语法：
? :
表达式1?表达式2:表达式3;
表达式1，值应该为 boolean 类型
如果表达式1的值为true，那么表达式2的值则作为整个表达式的值
如果表达式1的值为false，那么表达式3的值则作为整个表达式的值
ex ：输入考试成绩，如果成绩大于等于60 ，则输出及格，否则输出 不及格
var score=prompt('请输入考试成绩');
var result=score>60?"合格":"不合格";
alert(result);
六、
1、流程控制语句
if(条件){
//要执行的语句
}
if(条件){
//条件为true时执行的语句
}else{
//条件不为true时执行的语句
}
多重条件语句
else if(){
}
var score=prompt('请输入考试成绩');
if(score===100){
alert('奖励一台兰博基尼');
}else{
if(score>=90){
alert('奖励一台 法拉利');
}else{
if(score>=80){
alert('奖励一台 奥迪Q7');
}else{
if(score>=70){
alert('奖励一台 奥拓R8');
}else{
if(score>=60){
alert('奖励一台 自行车');
}else{
alert('奖励 俩大嘴巴子');
}
}
}
}
}
2 .switch .....case
switch(表达式/变量){
case 情况1:
//要执行的语句；
break;
case 情况2:
//要执行的语句；
break;
case 情况3:
//要执行的语句；
break;
default://以上任何一块都没匹配上的时候
//要执行的语句；
break;
}
switch .....case直落形式
//即不管是哪种情况都做相同的事
switch(){
case 情况1:
case 情况1:
case 情况1:
case 情况1:
case 情况1:
//要执行的语句
break;
}
swich...case案例
var date=Number(prompt('请输入今天星期几'));
switch(date){
case 1:
alert('米饭');
break;
case 2:
alert('馒头');
break;
case 3:
alert('面包');
break;
case 4:
alert('包子');
break;
case 5:
alert('饺子');
break;
case 6:
alert('油条');
break;
default:
alert('今天不管饭,自己解决')
}
switch...case直落案例
var date=Number(prompt('请输入今天星期几'));
switch(date){
case 1:
case 2:
case 3:
case 4:
case 5:
case 6:
case 6:
alert('今天不管饭,自己解决');
break;
}
网友评论