JavaScript基础
JS 前端的灵魂
1.掌握JavaScript的组成
为什么学习JavaScript?
可以做表单验证
可以做页面的动态交互
JS是什么？
W3C设立的标准：
结构语言：HTML
表现语言：CSS…
行为/交互语言：JS…
它是一种基于事件和对象驱动的，具有安全性的脚本语言。
JS也是一门面向对象的编程语言，它是一种面向原型（prototype)的面向对象（原型链）。
JavaScript这种语言目前也是发展的非常好，而且基于它产生了很多的框架和库。
Angular,React,Node.Vue,jQuery…JS插件等
JavaScript这种脚本语言和Java这种非脚本静态语言有什么区别？
编译器：
编译器：Java这种非脚本的静态语言，它们是先进行编译，然后编译后的代码才可以在某些机器上运行。
缺点:如果修改了源代码那么Java这种静态语言必须要重新编译。
优点：当翻译完以后，如果下次要再执行，无需编译直接执行，速度较快。
解释器：
一般解释器作为编译器的都是一些脚本语言/动态语言，无需编译，写完就可以运行。
优点：无需编译，修改完直接可以运行展示最新的。
缺点：每次都需要进行编译（解释），速度慢。
JavaScript的组成：
ECMScript-核心语法（标准） 欧洲计算机制造商协会设立的标准，目前最常用版本为5.1，最新版本是6.
BOM 浏览器对象模型
DOM文档对象模型
2.掌握JavaScript的基本语法
2.1 JavaScript的引入方式
联想记忆CSS。
行内引入
借助于标签内置的事件属性，来实现。
常用的事件属性有：onclick 点击事件 onmouseover 鼠标悬浮事件 onblur 失去焦点事件
<input type ="button" valie ="点我清除缓存” onclick="alert('清除成功！');"/>
内部引入
在上编写
外部引入
在上编写
注意事项
不要将外部引入的JS标签自闭合。
也不要在外部引入JS标签内写代码，如果想写新的JS代码，另外创建一个新的
2.2JavaScript变量
Java中变量的的组成：
变量的数据类型
变量名
变量值
JavaScript中变量的的组成：
变量的数据类型
var(variable) 动态类型识别
变量名
- 它由数字、字母、下划线、$等组成，但是数字不能开头
- 见名知义
- 采用小驼峰命名法
- 也可以采用_连接命名法
变量值（单一类型的数据）
2.3 JavaScript数据类型
Java中的数据类型：
- 基本数据类型
数值类：byte 、 short 、int 、long、float、double
-
非数值类：char、boolean
-
引用数据类型
算术运算符
+ - * / % ++ --
关系/比较运算符
> < >= <= == != === !==
全等和==的区别？
==只比较内容
===不仅比较内容 还比较类型
var str1 = "12"
var num1 = 12;
alert(str1 === num1); //false
alert(str1 == num1); //true
赋值运算符
= 复合赋值：+= -= *= ...
逻辑运算符：&& || ！
2.5JavaScript控制语句
选择结构：
基础if选择结构
if-else选择结构
多重if选择结构
嵌套if选择结构
if(条件表达式1){
if（条件表达式2）{
}
}
switch选择结构
循环结构：
while循环
for循环
循环关键字：
break结束循环
continue结束本次循环，进入下次循环
2.6 数组
3. 掌握JavaScript的函数使用
函数：方法：功能
一系列代码组成的一个完整功能。
3.1基本的系统函数使用
输出：alert():会弹出一个带有确定按钮的提示框。
输入：prompt():会弹出一个带有输入框的提示框。
parseInt()转换为整数
parseFloat()转换为小数
3.2 会自定义函数（方法）
方法的分类（按有返和无返等分类）：
无参无返
//function：函数/功能
function 方法名（）{
//方法代码
}
无参有返
有参无返
有参有返
3.3 函数的使用
3.4 函数的变量作用域
扫一扫
3325
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
