java全栈day03-前端Web-JavaScript

一、什么是Java-Script？

内容展示

二、JS引入方式

内部脚本

        可以放在任意位置，一般放在body底部。

外部脚本

在外部定义js文件，然后利用script中src属性引用。

小结

三、JS-基础语法-书写规范

（内容较简单）

内容展示

代码展示

效果展示

小结

1.js 代码每一行结尾的分号加不加?

加不加都可以，建议一个项目中保持一致，要么全部加，要么都不加

2.js 输出语句写法

window.alert():弹出警告框

console.log():写入浏览器控制台(程序员调试使用)

document.write():向HTML 的 body 内输出内容

四、JS-基础语法-变量

内容展示

                变量

1、JavaScript 中用 let 关键字来声明变量 。

2、JavaScript 是一门弱类型语言，变量 可以存放不同类型的值 。

3、变量名需要遵循如下规则：

        3.1只能用 字母、数字、下划线（ _ ）、美元符号（ $ ）组成，且数字不能开头

        3.2变量名严格区分大小写，如 name 和 Name 是不同的变量

        3.3不能使用关键字，如： let 、 var 、 if 、 for 等.

                  常量

1.JavaScript 中用const关键字来声明常量。

2.一旦声明，常量的值就不能改变(不可以重新赋值)。

代码展示

小结

变量 / 常量

1、 特点： JS 是弱类型语言，变量可以存放不同类型的值

2、声明：  

        2.1   let ：声明变量

        2.2   const ：声明常量，一旦声明，常量的值不能改变

2、 注意：  在早期的 js 中，声明变量还可以使用 var ，但是并不严谨 ( 不推荐 )

五、JS-基础语法-数据类型

内容展示

        JavaScript 的数据类型分为：基本数据类型和引用数据类型（对象）。

1、基本数据类型：

        1.1 number ：数字（整数、小数、 NaN(Not a Number) ）

        1.2 boolean ：布尔。 true ， false

        1.3 null ：对象为空。 JavaScript 是大小写敏感的，因此 null 、 Null 、 NULL 是完全不同的         1.4 undefined ：当声明的变量未初始化时，该变量的默认值是 undefined

        1.5 string ：字符串，单引号、双引号、反引号皆可，推荐使用单引号

2.  使用 typeof 运算符可以获取数据类型：

代码展示

模板字符串场景:  ` `

1. 拼接字符串和变量

2. 模板字符串语法:

` `(反引号，英文输入模式下按键盘的 tab 键上方波浪线 ~ 那个键)内容拼接变量时，使用${} 包住变量

代码展示2

小结

六、JS-基础语法-运算符与类型转换

与java中的运算符差不多，就一个===不同

内容展示

代码展示

小结

基础语法就讲到这里，下午将开始学习js中函数的使用，等等。