day1初始JS
01-JS 的三大核心
页面的组成:
- html 结构
- css 样式层
- JavaScript:行为层
JS 的三大核心 ECMA script:
1.书写js的语法标准
2.BOM:浏览器对象模型
3.DOM:文档对象模型(Document object model)
02-js的书写位置
1.行内样式
2.内嵌式 写在head标签末尾,或是body的末尾。
3.外联式
03-js的输出
1.alert('你要说的内容')----以一个弹出层的形式
2.document.write(' ')----会在页面上展示
3.cosole.log(' ')----会在控制台显示(打印)
注意:输出的是变量可以不用引号;输出的纯数字也可以不用引号
04-js的变量
如何定义一个变量---var 变量 = (赋值号) 值
* a = 100
* a 变量名(盒子)
* = 赋值号
* 100 值(放到盒子里边的东西)
05-变量名的命名规则和规范
规则:1.必须由数字、字母、英文形态下的$ _组成
2.数字不能开头
3.严格区分大小写
4.不能使用关键字和保留字---关键字:var...... 保留字: js中还没有使用,将来会用的单词
驼峰法
浏览器的预解析
浏览器会提前变量-----图片的结果前两个打印结果是undefined---后两个打印结果是abc和123
06-js的数据类型
- 简单数据类型(基本数据类型)
1.数值类型 Number 包括(整数、浮点型、科学计数法、各种进制数)
2.字符串数据类型 String 只要被引号包裹
3.布尔数据类型 Boolean true:1 false:0
4.undefined 空数据类型 本来有值,但没有值是undefined
5.null 空类型 就是一个空值,需要赋值。
- 复杂数据类型----object类型
07-数据类型的转换
Typeof 数据
Typeof (数据) 规律:连用两次typeof检测出来的一定是字符串数据类型
null的类型就是null 之所以typeof会检测出object,是typeof的问题,与null的类型无关-----解决方法:使用Object.prototype.toString.call(null)
console.log(Object.prototype.toString.call(null)) //任何数据都能精确检测出结果的方法
08-数据类型的转换--转成数值型
- number()
转换规则:
1.会把要转换的数据当作一个整体看待。
2.如果能转换成一个数值类型,返回值就是转换好的数据类型。如果不能转换成数值类型,返回值为NaN(not a number)
// 根据 JS 的 转换规则
// console.log(Number(undefined)) // NaN 非数字的数字
// console.log(Number(null)) // 0
// console.log(Number(false)) // 0
// console.log(Number(true)) // 1
- parseInt( )
转换规则:是一位一位转换的数据,如果第一位不是合法的数字。返回值为NaN。
特点:不认小数点,会把小数点后的数据省略 (不会四舍五入)
- parsefloat( )
转换规则:认识小数点!
其他转换的结果:
// console.log(parseInt('1.23456789')) // 1
// console.log(parseInt('123abc.789')) //123
// console.log(parseInt('abc.789')) // NaN
console.log(parseInt(undefined)) // NaN
console.log(parseInt(null)) // NaN
console.log(parseInt(true)) // NaN
console.log(parseInt(false)) // NaN
09-数据类型的转换-转成字符串类型
1.String() 都能转
2.to string( )
toString 方法, number类型 可以调用 boolean 类型, 可以调用
*
* undefined 不能使用 toString 方法
* null 不能使用 toString 方法
*
* 如果想将 undefined 或者 null 转换为string 类型,
* 1. 可以通过 + '' 的方式
* 2. String(变量)
格式:数据 .tostring()
转换规则:除了null和undefined以外都可以转成字符串 这两种数据类型会报错,可以用加号 + ‘ ’、string()
10-数据类型的转换-转成布尔类型
Boolean( )
转换规则:可以用于任何数据类型 (非0即为真)
为true:非0、空白字符串、非NAN、非空字符串
为false:空字符串、NaN、null、undefined
<script>
// 数字转换为布尔值, 非0即为真
// console.log(Boolean(100)) // true
// console.log(Boolean(0)) // false
// console.log(Boolean(-100)) // true
/**
* 转为false:NaN、0、“”空字符串、null、undefined
* 转为true:非0 非NaN数字、非空字符串
*/
// console.log(Boolean('')) // false
// console.log(Boolean(' ')) // true
console.log(Boolean('zxcvbnm')) // true
</script>
\