JavaScript初体验

javascipt是一种运行在客户端（浏览器）的编程语言，可以实现人家交换。

由ecmascript和web apls组成

1.ecma script规定了js基础语法核心知识（变量、分支语句、循环语句、对象等等）

2.web apls：

​ dom 操作文档，比如对页面元素进行移动，大小，添加删除等操作

​ bom 操作浏览器，比如页面弹窗，检测窗口宽度，储存数据到浏览器等等

三种书写位置

1.内部javascript

​ 直接写在html文件里，用script标签包住（注意：script标签要写在上面）

2.外部JavaScript

​ 代码写在以 .js 结尾的文件里，通过scripty标签引入到html页面中（常用）

3.内联javascript

​ 代码写在标签内（了解即可，后面才接触到）

注释

单行注释：ctrl + /

多行注释：shift + alt + a

输入和输出

输入：

prompt('请输入您的姓名')

输出：

document.write('要输出的内容')

alert('要输出的内容')

console.log('控制台打印')

变量

变量是计算机用来储存数据的容器

变量的基本使用

​ 1.声明变量（两部分构成：声明关键字、变量名（标识））

​ ex： let userName =‘悟空‘

​ let即关键字 userName即变量的名称，也叫标识

​ 2.变量赋值

​ ex： userName=’八戒’

​ 八戒 即 数值

​ 3.使用变量

​ ex： console.log(userName)

变量规则和规范

​ 规则：必须遵守，不遵守会报错

​ 规范：建议，不遵守也不会报错，但不符合业内通识

规则：

1.不能用关键字充当变量名称（如 let 、var 、if、 for 等）

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

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

规范：

1.起名要有意义

2.遵循小驼峰命名法（即第一个单词的首字母小写，后面每个单词首字母大写。如user Name）

数据类型

1.基础数据类型

2.引用数据类型

基础数据类型

number 数字型（数字,可以是整数、小数、正数、负数。）

string 字符串型（通过单引号('')双引号("")或者反引号(`)包裹的数据）

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

underfined 未定义型（指只声明变量，不赋值的情况下，变量默认为underfined。ex：let age；）

null 空类型（表示赋值了，但是内容为空。）

！！underfined和null的开发场景区分：

​ underfined：定义变量未给值就是underfined，如果检测变量是underfined就是没有值传递过来

​ null：空类型，如果一个变量里面确定存放的是对象，如果还没准备好对象，可以放个null

引用数据类型

object 对象

function 函数

array 数组

数据类型转换

​ javascript是弱数据类型，只有赋值了才知道变量是属于哪种数据类型

隐式转换

​ 指某些运算符被执行时，系统内部自动将数据类型进行转换

规则：

	   + 号两边只要有一个是字符串，都会把另一个转成字符串
	   除了+以外的算术运算符 比如-  *  /  等都会把数据转成数字类型			

技巧：

    +号作为正号解析可以转换成Number

显示转换

​ 就是自己写代码告诉程序该转成什么类型

转换为数字型

​ number（数据）

​ 转成数字类型

​ 如果字符串内容里有非数字，转换失败时结果为NaN（Not a number）即不是一个数字

​ NaN也是number类型的数据，代表非数字

​ parslnt(数据)

​ 只保留整数

​ parseFloat（数据）

​ 可以保留小数

转换为字符型

​ string（数据）

​ 变量.to string（进制）