风里雨里,js我在想你,今天我就和大家一同学习js的课程
第一部分,js的构成
1.js可以做什么? 答:可以更好的渲染页面
js 由 dom(文档对象模型)bom(浏览器对象模型) 以及ECMAScript(定义语法规范)组成
Dom doctument brower object model文档对象模型
主要用来操作dom节点的
dom节点:(就是dom元素)
dom元素 div span p 等等元素
比如轮播图切换,选项卡切换,返回顶部。
ECNAscript所有的js语法。
2.js的三种输出方式: alert()(弹窗输出)document.write(页面输出) console.log();(控制台输出)
3.js引入方式 1.外链式
2.内嵌式(一般在body 和header变迁的末尾 )
可以写在页面的任意位置
3.行内式 注释:js 注释分为:单行注释和多行注释,快捷键ctrl + / 样式为 单行 // 多行/* */
第二部分 变量
1.什么是变量? 变量是程序中存储变量的一个容器 语法 关键字(var) + 变量名 给变量赋值
案例:var a = 10 我们现在就完成了一个变量的创建,存储, 赋值 定义变量名为 a , a 赋值为 10
变量可以声明多个,也可以一个变量赋值多次,注意:后面的值会覆盖掐前面的值,我们一般一个变量只赋值1次
2.变量命名的规则
(1)变量命名要以数字 字母 下划线组成 数字不能开头,
(2)不能用关键字命名,如 if else for var 等
(3)不能用保留字命名。
(4)遵守驼峰命名法
第三部分 数据类型,
1.js的数据类型包括:number型 string(字符串类型)null(空) undefined (未定义) boolear(布尔)
2.数据类型的转换
数字类型, 简而言之就是数字,代表数值,可与其他数据类型进行转换,(在做运算的时候存在隐式转换)
//案例: var a = 1
var b = true
var c = false
var d = undefined
var e = null
var f = 3.1415926
//console . log (Number(a)) // 1
//var b = true console . log (Number(b)) // 1
//var c = false console . log (Nuvarmber(c)) // 0
//var d = undefined console . log (Number(d)) // NaN
//var e = null console . log (Number(e)) // NaN
//var f = 3.1415926 console . log (Number(f)) // 3.1415926
// 数字类型与据类型进行转换,得到的结果为 number 和 NaN
//其中, NaN 是一个范围,是不是数字的数字
//数字类型转换可以将 任何数据类型转化为 数字类型
boolean(布尔)类型 只有两个值 一个是 true 一个是 false
转布尔值是false的数,0 null undefined NaN
parseInt 取整数, 忽略小数点后面的数
var a = 200.6789
console.log(parseInt(a));
parseFloat将数字类型转化为浮点数
案例var b = 100.1
console.log(parseFloat(b));
转字符串类型(string)
将数据类型转为字符串类型(在进行运算时存在隐式转换)
注意 该数据类型在加号旁边时会进行拼接
//例子
// var a = 10 var b = '10'
//a + b 的值为 1010
转化字符串数据类型的方法 to string() string()
to String()语法 变量 . to string()
var a = 200
var b = true
var c = undefined
//console.log(a .toString());
//console.log(b .toString());
//console.log(c .toString());//报错
to String 不能检测 undefined null
任何数据都可以用String 转化字符串类型
语法String()
console.log(String(a));
console.log(String(b));
console.log(String(c));
判断数据的类型用type of(判断的数据)
var a = NaN
console.log(typeof(a));//结果为number类型
var b = '123'
console.log(typeof('123'));//结果为string类型
is NaN的用法:语法 :isNaN(变量)判断结果是不是一个数字,返回true就不是一个数字,
如果 返回false,则是一个数字
第四部分什么是运算符? * 也叫操作符,是 JS 中发起运算最简单的方式,例如: 5 + 6 * 表达式的组成包含操作数和操作符,表达式会得到一个结果,然后用结果参与程序 2运算符分类
- 算数运算符(
+/-/*///%)- 运算顺序与数学中的运算顺序一致,先乘除取余,后加减,有小括号先算小括号
- 赋值运算符(
=/+=/-=/*=//=/%=) - 比较运算符(
>/</>=/<=/==/===/!=/!==)- 比较结果只会返回一个布尔类型值,true 或者 false
- 逻辑运算符(
&&/||/!) - 自增自减运算符(
++/--)