什么是JavaScript?
JavaScript 是目前最流行脚本语言,简称 JS。JavaScript 编写在 HTML 页面中,由浏览器负责解释和执行,JavaScript 通常用来给 HTML 页面增加交互能力。
JS可以给html带来的功能:
为页面增加动画效果
验证表单输入项有效性
实现本地数据存储
JavaScript能做什么
1、网页特效
2、服务端开发(Node.js)
3、命令行工具(Node.js)
4、桌面程序(Electron)
5、App(Cordoval)
6、控制硬件(Ruff)
7、游戏开发(cocos2d-js)
JavaScript开始
内部使用方法
可写头部head标签中也可写到body中也可写到代码最底部
建议最好写到页面最底部,因为代码是从上到写运行,所以如果写在标签顶部可能会获取不到标签元素,除非写上window.οnlοad=function(){}(页面加载完成执行函数)函数内部
<script>
window.onload=function(){
console.log("hello world")
}
</script>
js外部文件
写在后缀为js文件中,然后页面使用script标签进行引入,所引入的js标签中不可写其他js代码
//引入外部js文件 js文件所在的路径 <script src="XXX"></script>
关于注释的使用方法:
//单行注释
/*多行注释*/
/**
*文档注释
*仅仅在js文件中可用
*/
变量
什么是变量?
变量是计算机内存中存储数据的标识符,根据变量的名称可以获取到内存中存储的数据
为什么要使用变量?
使用变量可以方便的获取或修改内存中的数值
从字面意思来讲,变量就是可变的量;从编程角度来讲,变量是用来存储某种/某些数值的存储器,举例2个盒子,为区分它们,其中一个用box1表示,另外一个用box2,当然你也可以用任意的名称来区分,这个box1就是盒子名字也就是所谓变量的名字。
变量命名注意事项,需要遵从以下命名规则:
- 变量必须使用字母、下划线_或者美元符$开始;
- 可以使用多个英文字母、数字、下划线_或者美元符$组成
不同数据类型之间的转换
parseInt(变量) 转换为number整数
数字开头可以转换到字符串结尾
字母在开头返回为NaN(不是数字)
parseFloat(变量) 转换为浮点数(小数)
变量.toString() 转换为字符串
isNaN(变量) 判断变量是否不为数字 数字则返回false,不是数字返回true
数据类型
number——数字型
string——字符型
boolean——布尔型
undefined——定义为赋值
null——空型 须手动赋值 null
symbol——ES6数据类型
操作符与表达式
算术运算符
+、-、*、/,%(取模,取余(10%2) == 0)
++、--
++a在前 先运算 再赋值
a++在后 先赋值 再运算
赋值运算符
=(赋值) +=(a+=2 a=a+2) -= *= /=
关系运算符(比较运算符)
<(小于) >(大于) >=(大于等于) <=(小于等于) !=(不等于) ==(等于 只判断值是否相等) ===(全等 包括数据类型也相等) !==(不全等)
运算符优先级
三大基本结构
顺序结构:从上到下执行
分支结构:常用于不同条件 执行不同代码
循环结构:重复执行同一块代码
当对变量进行判断的时候
当某个变量判断条件为固定值时建议使用switch语句进行判断,当变量值不固定时,建议使用if判断
switch语句
<script>
var a = parseInt(prompt("请输入"))
switch(a){
case 1:
document.write("未付款")
break;
case 2:
document.write("已付款")
break;
case 3:
document.write("待发货")
break;
case 4:
document.write("已发货")
break;
case 5:
document.write("运输中")
break;
case 6:
document.write("已签收")
break;
}
</script>
case判断的值是全等判断
当case判断中没有break时会一直向下执行判断 直到遇到break时停止;
三元运算
表达式 ? 真 : 假;
3>1?true:false; //返回true
3<1?true:false; //返回false