1.JavaScript基础入门
JS简介
- 什么是JS --JavaScript的简称,是一种动态的脚本语言。
- 什么是动态页面 -- 人机交互 静态页面 -- 没有人机交互
- JS需要安装才能使用嘛? -- 不需要
- 什么是BOM--浏览器对象模型 DOM --文档对象模型
详细介绍
JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于Netscape公司的Livescript语言
JavaScript的组成:ECMAsxcript(语法)、Browser Objects(DOM BOM 特性)组成
JavaScript的注释和分号
//单行注释
/*对行注释*/
语句接数还是用分号,如果省略,则有解析器确定语句的结尾
JavaScript的标识符
- 什么是标识符 -- 变量、函数、属性的名字,或者函数的参数。
- 标识符的命名规则
- 由字母、数字、下划线(_)或者美元($)组成
- 不能以数字开头
- 不能使用关键字,保留字作为标识符
编写第一个js程序
1.使用script标签在html中插入javascript,内部编写javascript
<script type="text/javascript">
</script>//可以写在head标签内也可以写在body标签内
2.引用外部
<script type="text/javascript" src="javascript.js">
</script>
JS变量
- 与其他程序设计语言相同,用来零时存储信息;
- 船舰方法如下:若数据类型
- var x=1; var x=2,y="PPD";
- var x; x=1; var y; y="PPD";
- 注意:JS中的变量,区分类型,但是没有int之类的关键词
JS调试
- alert()弹出调试窗口;
- console.log()控制台输出调试;
- 观察变量值的变化规律,是否符合程序设计的目的;
JS自定义函数
- javascript函数;自定义函数和内置函数
function fun1(){
代码段;
return;
}//这种是函数的声明,可以先使用后定义
/
/
var fun1=function(x){
return x+1;
}//这种叫做函数表达式,必须先定义后使用
JavaScript数据类型
- ECMAScript:
- a。简单数据类型:
underfined,null, boolean, number, string
b。ECMAScript6:es6 新增symbol类型
c。复杂数据类型:object--对象
number -- 数字类型,取整,浮点型都包括
string -- 字符串类型,必须放在单引号或者双引号中
boolean -- 布尔类型,只有true和false 2种值
underfine -- 未定义, 一般值的是已经声明,但是没有赋值的变量,派生字null值,underfined==null------>返回的是true
null -- 空对象类型,var a=null; 和var a="";有区别
特殊类型
1.bojiect -- 对象类型 , 在js中常见到window document array等
2.NaN -- 是number的一种特殊类型,isNaN()如果是数字的话就返回false 不是数字的话就返回true
3.isNaN() -- 说明:对接受的数值,先尝试转换为数值,在检测是否为非数值。
4.任何涉及NaN的操作(例如NaN/10) 都返回NaN
5.NaN与任何值都不等,包括NaN本身。
var id="20";
console.log(isNsN(id));//false 转换之后是数字
var id="pp";
console.log(isNsN(id));//true 转换之后不是数字
type of
1.功能:检测变量类型;
2.语法:typeof变量 挥着 typeof(变量);
3.返回值: string number boolean object underfined function
类型转换
1.paeseInt() - 转换成整型 pareFloat() - 转换成浮点类型,带小数点 number() - 包括整数和小数 boolean() - 转换成逻辑类型
2.强制类型转换 隐士类型转换
3.总结
1.除了0职位的所有数字,转换成布尔型都是true
2.除了""之外的所有字符,转船成布尔型都是true
3.null和underfined转换成布尔型是false
变量作用域
1.全局变量和局部变量
局部变量:在函数内部创建的变量,称为局部变量,其他函数不能使用
全局变量:在函数外部创建的变量,称为全局变量,在函数之间可以共享使用。
比较运算符
1.比较运算符:用于比较两个值,结果是true或者是false
2.&& and || or ! 非
3.(x<10&&y>1) x=2异界y=5 true
对于&& 如果连个返回的是都是true结果就是true, 如果有一个false那么结果就会是false
对于|| 其实一个是true的话结果就是true , 两个都是false击鼓才会说false
三木运算符 -- 三元运算符
1.根据不同的条件,直送不同的操作/返回不同的值
2.格式:条件? 值1:值2;
3.实力: x>1?"大于":"小于"; 对与错
算数操作符+加 -减 *乘 /除 %取余 递增和递减
- 递增 ++a 与 a++ 都是对a进行递增的操作
- 区别
- ++a先返回递增之后的a的值 -- 先运算再赋值
- a++ 先返回a的原来的值,再返回递增之后的值 -- 先赋值在运算
- 递减同理
赋值运算符
- 简单赋值 =
- 复合赋值 += -= *= /= %=
比较运算符增加知识点
==:相等,只比较值是否相等。
===:全等,比较值得同时比较数据类型是否相等。
!=:不相等,比较值是否不相等。
!==:不全等,比较值得同时比较数据类型是否不相等。
返回都是boolean类型
运算符的优先级
- () 小括号 -- 优先级高
- ++ -- 自加 自减
- * / % 乘 除 取余
- + - 加 减
- < <= > >= 逻辑运算
- == != 等于 不等于
- && 逻辑与
- || 逻辑或
- ?: 三目运算符
- = 赋值 -- 优先级低