JS变量和数据类型

(一)变量

定义: 变量是计算机中用来存储数据的(容器)
作用: 变量是一个容器, 变量的作用是(存储数据), 存储在变量中的数据，叫做(变量的值)
变量和变量的值: 变量(容器), 变量的值(容器中的数据

1.1 声明变量

定义变量：

1.2 变量的赋值

给变量存储数据的过程，叫( 赋值)，符号是( = )

1.3 变量必须先声明，才能使用否则报错

a未声明就使用，在控制台上报错

image.png

1.4 JS的几种输出方式

1.5 JS是弱类型语言

变量是可以是任何类型变量

（二）标识符的命名规则

标识符：编程中的各种名字，例如变量名，属性名，函数名，数组名，对象名等等。
编程中起名字（标识符命名）的规则：
1：以( 下划线 )、( 字母 )、( 、数字)
2：区分大小写(html不区分)
3：不能和关键字保留字冲突, 比如function, if, continue
标识符命名习惯：
1.使用英文单词
2.单词+数据类型
3.驼峰式

（三）常量

常量，意即值不能修改的数据。
ES6使用const声明一个常量。
3.const声明常量时必须同时赋值，并且后续不可再修改

（四）数据类型

简单(基本)数据类型有6种: 数字number, 字符串string, 布尔boolean, undefined, null, symbol
复杂数据类型有: 对象, 数组, 函数等

4.1数字类型number

4.2 字符串类型string

4.2.1 什么是字符串

4.2.2 字符串的拼接

4.3 布尔类型boolean（判断类型）

用来表示真假两种情况

4.4 undefined

变量声明了但没赋值, 它的值就是undefined

image.png

4.5 null

声明一个变量打算将来存放对象, 可以先给它赋值null

4.6 object 对象

对象用来描述一个人或者一个物体的很多特征的一个组合

4.8 object 函数

函数用来实现某个功能, 函数可以"打包"多条语句一起执行, 函数可以重复调用


//调用方法：
函数名();

对象里的函数

也可以把函数放进对象里, 这时候函数有了新的名称, 叫做对象的方法

（五）检测数据类型

使用typeof

（六）用JS操作网页
js可以用来跟用户进行交互, 具体就是用户发出一个动作, 我们根据需要用js去操作网页, 操作网页包括:

添加事件, 修改网页内容, 修改网页样式, 修改网页属性等

(1) 选择标签

getElementById(); // 通过id来选择元素
getElementsByClassName(); // 通过class来选择元素
querySelector(选择器) 选择一个元素节点对象 (h5的api)
querySelectorAll(选择器) 选择多个元素节点对象 (h5的api)

（2）添加事件

（3）操作网页

1.元素的内容
2.元素的样式
3.元素的属性

获取元素属性


 

    
        app
    

    
        pppp
        pppp
        pppp
        pppp

2.. 获取和修改元素样式

本文所讲例子仅限于内联样式, 需要获取内部或者外部样式需要使用其它方法
获取和修改样式


 

     
         困难是我们的食物

添加和删除


 
 
    
   

     
         困难是我们的食物

3. 获取和修改元素属性


  

    百度