JS 的基础部分

1.JS的组成部分:

ECMAScript:js的核心语法结构

BOM:浏览器对象模型

DOM:文档对象模型

2.JS的三种输出方式:

1>.console.log():在控制台输出

JS 的基础部分_第1张图片

JS 的基础部分_第2张图片

2>.alert():在浏览器弹出

JS 的基础部分_第3张图片

3>.document.write():在文档中输出

 3.js文件的两种引入方式

1>.在script标签使用src属性引入js 文件

【注意】:引入外部的js文件中如果在其标签内部写是不生效的。

 2>.在srcipt标签中直接写入js。

 4.js的语法结构:

1>.区分大小写

2>.js的标识符和命名规则

标识符:用来定义变量、常量、函数和类等名称

命名规则:1>.标识符可以为字母(采用Unicode编码的都可以)、数字、下划线和美元符号($)

但首字母不能以数字开头。2>不能使用关键字和保留字

3>.注释方式分为两种:1)单行注释(//)2)多行注释(/**/)

4>可选分号:js每行语句的结束以分号结束,分号可以加可以不加

【建议】:强制在每行语句的结尾加上分号

【原因】:1>代码量大时不写分号,在文件压缩时会造成错误

                   2>让解释器在判断语句是否结束时会影响性能

5>变量的定义

变量的定义分为三种方式:var,let,const

【区别】:1.使用var定义的变量作用域会提升到当前代码块的最顶端,let的作用域仅限于当前代码块           2.var可以定义多个同名的变量,let仅限于出现一次定义的变量

                   3.const:一般定义常量,不可更改,但对象例外

5.js的调试

console:控制台,展示打印信息或错误信息

network:展示所有网络请求

application:应用 coolie 缓存 数据库

6.js的两种交互方式

1.corfirm():确定框

JS 的基础部分_第4张图片

 JS 的基础部分_第5张图片

 2.prompt():输入框

JS 的基础部分_第6张图片

JS 的基础部分_第7张图片

JS 的基础部分_第8张图片

 7.js的严格模式

 开启严格模式:use strict

 本次总结结束了,下次再见了!!

你可能感兴趣的:(javascript,前端,vue.js)