自学阶段三JS基础—Day1

108 阅读1分钟

1、JS基础简介

  1. ECMAScript:规定了核心语法知识
  2. DOM
  3. BOM

JS书写位置:

  • 行内 JavaScript
  • 内联 JavaScript
  • 外联 JavaScript

输入语法:

prompt('提示信息');

显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字


confirm ('提示信息');

显示一个确认框,用户可以点击 确定 与 取消

输出语法:

1. alert ('内容') 

    页面弹出警告对话框

2. console.log ()


    控制台输出语法,程序员调试使用

3. document.write('')    
    向body内输出内容,如果输出的内容写的是标签,也会被解析成网页元素

2、变量

理解变量是计算机存储数据的“容器

注意 :

同一个变量不能用let声明两次;如果仅声明了变量没有赋值,此时变量的值是undefined

let 变量名 = 数据

let 变量名 (在内存中申请一个空间,并且为这个空间命名)

变量名 = 数据 (将数据保存到刚刚申请的这个空间中)

命名规则:

强制要求:

只能包含字母、数字、下划线、$、不能以数字开头

不能是js的关键字

人为约束:

见名知义

多个单子组成,推荐采用小驼峰(除第一个单词外,其余单词首字母大写)

常量 :是一种特特的变量,一旦定义了就不能被修改,且定义的时候必须赋值

const 常量名 = 数据;

三、数据类型

基本数据类型 5种

1 数值number 直接定义即可

2 字符串string 必须用引号括起来 单引号‘’ 双引号“” 反引号``

3 布尔类型boolean 仅有两个值(状态) true / false

... ...

4 未定义 undefined

5 空类型 null (类型名 object)

数组 也是返回 object

tips:

对于prompt()

浏览者点击了确定,接收到的就是string类型;

浏览者点击了取消,接收到的就是null类型。

对于从confirm()

确定接受到true 取消接受到false

复杂数据类型 8种

数组 [数据,数据,数据,... ...]

image.png

四、运算

只有相同的数据类型,才可以直接运算 ,否则要进行数据的转换,隐式转换·显式转换

image.png

隐式转换的特殊情况 :

数值的运算

1.  + - * /
2.  % 求余数 
    判断一个数是不是另一个数的整数倍 ;判断数的奇偶性 x % 2 即可
3.  ++ 自增1  a = a + 1
4.  -- 自减1  b = b + 1

字符串的运算

1.  + 
2.  +=

五、字符提取

1、 number提取不了非数字,只能提取纯数字字符串 

2pasreInt(字符串)

    在一个字符串中,**从左向右**依次进行提取**整数**,直到遇到第1非数字才停止

3pasreFloat(字符串)

    在一个字符串中,**从左向右**依次进行提取**小数**,直到遇到第1非数字才停止

模板字符串 :

使用反引号的字符串也称之为模板字符串

特点 :

可以换行定义字符串

可解析变量的值 $ {变量名}