JavaScript|青训营

92 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

1.写好js的一些原则

image.png

1.1三者各司其职

image.png

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弹出控制台 image.png

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)