JS基础day1

javascript组成:

由ecmascript(规范) bom(浏览器对象) dom(元素对象)

ECMAScript是一种语法标准，语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象； 编码遵循ECMAScript标准

BOM：Browser Object Model浏览器对象模型提供了独立于内容与浏览器窗口进行交互的对象

DOM：Document Object Model文档对象模型是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档

js的核心语法：变量 语法约定 数据类型 运算符号 数组 控制语句 注释

JS请求页面的过程：

①用户在浏览器输入网址

②发送一个请求：包含javascript的请求页面到服务器

③服务器会下载含有javascript的页面返回相应到浏览器

④浏览器会解析HTML标签和javascript

JS使用方法

使用<script>标签插入，可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。

外部引入js：<script src="./sample.js" type="text/javascript"></script>

在html标签中使用js语言：

<input type="button" value="点我" onclick="javascript:document.write('你好<<br>')">

但是执行后会覆盖掉button

常见的输出方式：

①document.write()        

②alert()

③console.log()

声明变量与赋值：

①先声明后赋值：var name; name = 1;

②同时声明赋值：var name = 1;

③使用逗号声明多个变量：var name1，name2 = 1; （只有name2才被赋值，name1被定义为undefined）

④不声明直接赋值：name = 200 ; 会把变量当作全局变量

数据类型：

使用typeof()

①未被设置初值的变量的undefined

②null表示一个空值，与undefined相等

③number数字类型

④bollean布尔型 true / false

⑤string类型：被引号（单引号或双引号）括起来的文本

⑥object类型： var obj={} 

⑦es6新增了一个类型 symbol 一个独一无二的数(不和任何数相等 除非是他自己)

数字运算符：

+：同数字类型相加减，不同类型会拼接文字；

-  *  /   %（模）： 不同类型会类型转换

++: 自增运算符，a++ 是先赋值后加1，++a是先加1再赋值

--：自减运算符同理

比较运算符：

结果由布尔类型表示

 >        <        >=        <=        ==        !=

连续比较时，只有一个成立就返回true

==，!=只比较值

=== ，!==不仅比较值 而且还比较类型