JavaScript基础（1）

1，书写位置

和css一样js也有三种不同的书写位置，（1）行内式  （2）内部式   （3）外联式

2，输入输出语法

语法1：向body内输出内容document.write("abc");

注意：如果输出的内容写的是标签，也会被解析成网页元素

语法2：页面弹出警告对话框alert("你想要看到什么");

语法3：控制台输出语法，程序员调试使用console.log("在浏览器控制台打印")

语法4：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字prompt("请输入您的名字");

3，变量

变量就是存储数据的容器

声明：用 const， let， var 都可以声明变量，例如let  count   三者的用法各不相同  这是一个面试题，需要会表述

let const 和var 都可以声明变量

const 语义化更好，声明的值无法再改变，假如是声明的是对象，对象里的属性是可以改变的

let ：声明的范围是块级作用域，不可以在同一个块级作用域中出现冗余声明的，

var ：是函数作用域，可以声明一个变量多次，使用变量的时候容易发生歧义，var在预解析是变量会提升

在编程中要想语义化更好，首选const，当有改变的值时用let，最好不用var

赋值：变量名=字面量  就是把右边的值赋值给左边，例如 count=10 

更新：一般声明变量的时候就要给变量赋初值，let count=10.  更新变量的话直接更新等号后面的值就行了，例如 count=20  这样就把count值从10更新成了20

命名规范：

• 不能用关键字

• 关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。例如：let、var、if、for等

• 只能用下划线、字母、数字、$组成，且数字不能开头

• 字母严格区分大小写，如 Age 和 age 是不同的变量

• 起名要有意义

• 遵守小驼峰命名法

4、常量

用const声明的永远不会改变的量是常量，常量不允许重新赋值

5、数据类型

数据类型分为两大类：基本数据类型和引用数据类型

基本数据类型包括：number 数字型string 字符串型boolean 布尔型undefined 未定义型null 空类型

引用数据类型包括：object对象

number数字型：即我们数学中学习到的数字，可以是整数、小数、正数、负数

数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。数学运算符也叫 算术运算符，主要包括加、减、乘、除、取余（求模）。

• +：求和

• -：求差

• *：求积

• /：求商

• %：取模（取余数）

  • 开发中经常作为某个数字是否被整除

数字型运算优先级：同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。JavaScript中 优先级越高越先被执行，优先级相同时以从左向右执行。

• 乘、除、取余优先级相同

• 加、减优先级相同

• 乘、除、取余优先级大于加、减

• 使用 () 可以提升优先级

• 总结： 先乘除后加减，有括号先算括号里面的

NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果

string字符串型：通过单引号（‘’） 、双引号（""）或反引号(`) 包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号

• 无论单引号或是双引号必须成对使用

• 单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）

• 必要时可以使用转义符 \，输出单引号或双引号

+ 运算符 可以实现字符串的拼接。

口诀：数字相加，字符相连

模板字符串（这个用的比较多）`用两个反引号包裹，不用字符串拼接就可以塞进变量${变量}`例如：

document.write(`大家好，我叫${name},今年${age}岁`)

boolean布尔类型：表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）

undefined未定义类型：未定义是比较特殊的类型，只有一个值 undefined

只定义未赋值就会出现undefined的情况，

我们开发中经常声明一个变量，等待传送过来的数据。

如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来

null空类型：JavaScript 中的 null 仅仅是一个代表 “无”、“空” 或 “值未知” 的特殊值

null 和 undefined 区别：

• undefined 表示没有赋值

• null 表示赋值了，但是内容为空

null 开发中的使用场景：

 将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null

6、检测数据类型

通过 typeof 关键字检测数据类型

7、数据类型转换

转化成数字型：parsInt(数据)，+字符型数字， - * / %等都会把数据转成数字类型，Number(数据)，parseFloat(数据)可以保留小数

转化成字符串型：toString(数据)，+两端有字符串类型拼接时另一个也会变成字符串，String()