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…
函数数据类型: 普通函数、类;