JavaScript的作用
- 表单动态校验(密码强度检测)(JS产生最初的目的)
- 网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
浏览器执行JS简介
浏览器分成两部分:渲染引擎和JS引擎
渲染引擎∶用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit
JS引擎∶也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。S引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScriot语言归为脚太语言,会涿行解释执行
JS三种书写方式
行内式的JS,直接写在元素内部
<input type="button" value="点击我" onclick="alert('弹出对话框')">
内嵌式JS
<script>
alert("弹出对话框")
</script>
外部引入
<script src="javascript.js"> </script>
alert('弹出对话框');
输入输出语句
变量案例
同时声明多个变量
<script>
var uname='林林',age='20';
alert('我的名字是'+uname+',今年'+age+'岁');
</script>
变量名的命名规范
交换两个变量的值
数据类型
JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。
在代码运行时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。
var age = 10;
var shiFou='是的';
简单数据类型(基本数据类型)
程序里面数字前面加0 是八进制;0x 表示十六进制;
isNaN()
字符串转义字符
字符串长度
字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。
字符串拼接
+
案例
<script>
var age=prompt('请输入你的年龄:');
var str='你的年龄为'+age+'岁了';
alert(str);
</script>
布尔型Boolean
Undefined和Null
typeof 检测数据类型
数据类型转换
转换为数字类型(重点)
简单交互案例
练习
<script>
var name=prompt('请输入你的名字:');
var age=prompt('请输入你的年龄:');
var sex=prompt('请输入你的性别');
alert('你的名字为'+name+'\n'+'年龄为'+age+'\n'+'性别为'+sex);
</script>
递增递减
比较字符串
逻辑运算符
逻辑&&
逻辑||
赋值运算符
运算符优先级
分支流程控制if语句
<script>
var age=prompt('请输入你的年龄:');
if (age >=18){
alert('你已经成年了,可以上网')
}
else{
alert('你还未成年,不能上网')
}
</script>
<script>
var year=prompt('请输入年份:');
if (year%4==0&&year%100!==0){ //year%400==0
alert('是闰年')
}
else{
alert('不是闰年')
}
</script>
三元表达式
补0操作
switch
for 循环
双重for循环
<script>
var rows=prompt('请输入你要打印的行数:');
var cols=prompt('请输入你要打印的列数:');
var str='';
for (var i=1;i<rows;i++){
for (var j=1;j<cols;j++){
str=str+'★';
}
str=str+'\n';
}
alert(str);
</script>
打印倒三角形
九九乘法表
do while
while
continue