JavaScript基础知识（初识JS）

js的组成部分

1、 ECMAScript : JS的基础语法 变量 数据类型，操作语句，函数

es3 es5 es6;

2、DOM : document object model : 文档对象模型；给提供一系列操作页面元素的方法和属性；

document.getElementById(): 通过ID获取元素

var b = document.getElementById("box");

3、BOM : browser object model : 浏览器对象模型； 给JS提供了一些属性和方法可以操作浏览器；

console.log(b)// 在浏览器中控制台输出

js的引入方式

1、行内式

2、内嵌式:

• Script这个标签里面；一个页面中可以有多个script；代码从上到下加载；

3、外联式

• ./ ： 同级的兄弟
• / ： 下一级
• ../ : 上一级

4、导入式

<script src="js/index.js">

// 外联式，script标签中的代码是无效的；

// console.log(1000)

</script>

js的输出方式

开发人员调试代码

1、console.log();控制台输出

2、Console.dir();详细输出

3、Document.write()：会默认把后面的值转换成字符串，然后在放在页面中

4、Alert:弹出默认会进行数据类型转换，转换成字符串，调用toString的这个方法，会让当前代码停止到这一行

5、Confirm：多一个取消按钮；点击确定按钮函数返回值是true；点击取消函数返回值的是false

6、Prompt：多一个输入框点击确定时，输入框输入内容就是函数的返回值，点击取消，返回值是null

7、Debugger：断点

innerHTML 和innerText : 区别

innerHTML 可以识别标签；

innerText : 不能识别标签；会把所有的东西当作文本；

js中的变量

Html css 标记语言；

js : 编程语言： 具有面向对象编程的思想；具有逻辑性；

java C C# C++ PHP VB VF …

声明定义一个变量，存储的值是数字10;

= : 赋值； 把等号右边的值赋值给等号左边的变量；

变量： 代表一个名字，实际意义是存储的那个值；

如果变量没有被赋值，那么默认存储的undefined；

JS 定义变量是属于松散类型的；

 

定义变量名的规范：

1. 变量名由数字、字母、下划线、$组成；
2. 不能以数字开头；
3. 遵循驼峰命名法： 第一个有意义的单词小写，以后任何一个有意义的单词大写；（语义化:更方便维护）
4. 不能以关键字保留字作为变量名；
   5.严格区分大小写；
   关键字： 在JS中有特殊意义的单词；保留字： 在未来有可能成为关键字的词；

总结报错的现象；

Invalid or unexpected token : 无效的不可预料的语法错误；

js中的数据类型

变量 数据类型 操作语句（三个判断，三个循环） 函数 数组；

JS 的数据类型分为两类： 基本数据类型和引用数据类型；

Uncaught ReferenceError: a is not defined : a 没有被定义过；

基本数据类型和引用数据类型的区别：

1. 基本数据类型存储到栈内存中，引用数据类型存储到堆内存中
2. 基本数据类型操作值的，引用数据类型操作的是空间地址；

基本数据类型： number(数字) string(字符串) boolean(布尔) null undefined；

堆内存、栈内存是浏览器形成的虚拟内存；

基本数据类型都存储到栈内存中

引用数据类型：对象数据类型和函数数据类型；

都存储到堆内存中；

对象数据类型： 普通的对象、数组 、正则 、Date的实例、Math…

函数数据类型： 普通函数、类；