这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
1.写好js的一些原则
1.1三者各司其职
1.2组件封装
组件指的是web页面上抽出的一个个包含模板HTML、样式CSS和功能JavaScript的单元。
1.3过程抽象
2.js的使用规则(自行预习)
2.1标签引用
在HTML中在script标签中就可以编写JavaScript代码
<script> alert("Hello,World!"); </script>
2.2文件引用
在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件中使用script标签进行引用,以下是一个简单演示。
main.html
<script src="main.js"></script>
main.js
alert("Hello,World!");
3.js的输出
3.1用JavaScript向页面输出
<script> document.write("Hello,World!"); </script>
3.2用JavaScript向控制台输出
注意:页面按F12弹出控制台
3.3用JavaScript向弹出窗口输出
<script> alert("Hello,World!"); </script>
4.js的基础语法
4.1标识符
标识符:给变量、函数、属性或函数的参数起名字。
标识符可以是按照下列格式规则组合起来的一或多个字符:
1.第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )。
2.其它字符可以是字母、下划线、美元符号或数字。
3.按照惯例,ECMAScript 标识符采用驼峰命名法。
4.标识符不能是关键字和保留字符。
4.2变量
变量的作用是给某一个值或对象标注名称,便于其反复使用
变量的声明: 使用var关键字声明一个变量。
var a;
变量的赋值: 使用=为变量赋值。
a = 123;
声明和赋值同时进行:
var a = 123;
4.3数据类型
4.3.1具体类型
- 字符串型(String)
- 数值型(Number)
- 布尔型(Boolean)
- undefined型(Undefined)
- null型(Null)
- 其他:Object
4.3.2typeof运算符
用来检查一个变量的数据类型
4.3.3string
string用于表示一个字符序列,即字符串。字符串需要使用 单引号 或 双引号 括起来
4.3.4Boolean
true or false
4.3.5number
Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。
Number表示的数字大小是有限的,如果超过了这个范围,则会返回 ±Infinity。
最大值:+1.7976931348623157e+308
最小值:-1.7976931348623157e+308
0以上的最小值:5e-324
NaN:非法数字(Not A Number)