实操-JS⼩功能和JS调试

1. ⽬标

   能够使⽤浏览器的F12调试js

2.路径

  1. ⼩功能

  2. 调试

3.讲解
3.1⼩功能
  alert(): 弹出警示框
  console.log(): 向控制台打印⽇志

  document.write(); ⽂档打印. 向⻚⾯输出内容.

3.2.调试

1. 按F12打开开发者⼯具

2. 找到Source窗⼝，在左边找到⻚⾯如下图

   打断点之后，当代码执⾏到断点时会暂时执⾏

   在窗⼝右侧可以查看表达式的值、单步调试、放⾏等等

 3. 如果代码执⾏中出现异常信息，会在控制台Console窗⼝ 显示出来

 4. 点击可以定位到异常位置

 4.⼩结

1. 弹出警告框

 2. 控制台输出

 3. 向⻚⾯输出(⽀持标签的)

 知识点-JS基本语法

1.⽬标

掌握JS基本语法

2.路径

  1. 变量

  2. 数据类型

  3. 运算符

  4. 语句

3.讲解

更改idea中的js语⾔的版本

 3.1变量

JavaScript 是⼀种弱类型语⾔，javascript的变量类型由它 的值来决定。 定义变量需要⽤关键字 'var'或者let

 3.2数据类型

1.五种原始数据类型

 2.typeof操作符

   作⽤： ⽤来判断变量是什么类型

   写法：typeof(变量名) 或 typeof 变量名

   null与undefined的区别：

   null: 对象类型，已经知道了数据类型，但对象为空。

   undefined：未定义的类型，并不知道是什么数据类型。

3.⼩练习

   定义不同的变量,输出类型,

 代码

 

 字符串转换成数字类型

    全局函数(⽅法)，就是可以在JS中任何的地      ⽅直接使⽤的函 数，不⽤导⼊对象。不属于任何⼀个对象

 3.3运算符

   关系运算符:> >= < <=

   number类型和字符串做-,*,/的时候,字符串    ⾃动的进⾏类 型转换,前提字符串⾥⾯的数值     要满⾜number类型

 除法,保留⼩数

   == ⽐较数值, === ⽐较数值和类型

 3.4语句

   for循环

   if... else

  switch

 

 4.⼩结

1. 变量通过 var 定义

2. 数据类型

number

boolean

string

object

undefined

3. 运算符

   字符串可以和number类型进⾏-,*,/运算的

   除法保留⼩数

   == ⽐较的是值, ===⽐较的是值和类型

4. 语句: 基本和java⼀样