JS学习总结
JS学习总结
- 1、介绍
- 2、js核心机制
- （1）变量
- （2）运算符
- （3）条件语句
- （4）函数function
- （5）事件
- （6）注释
1、介绍
为网站提供交互的动态编程语言，通过浏览器内置接口以及第三方api实现交互，有很多第三房框架和库用于快速构建网站及app
JavaScript 是一门编程语言，可为网站添加交互功能（例如：游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等）。
是一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性
JavaScript 的应用场合极其广泛，简单到幻灯片、照片库、浮动布局和响应按钮点击，复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。
JavaScript 相当简洁，却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具，可以使 开发工作事半功倍。其中包括：
- 浏览器应用程序接口（API）——浏览器内置的 API 提供了丰富的功能，比如：动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等等。
- 第三方 API——让开发者可以在自己的站点中整合其他内容提供者（Twitter、Facebook 等）提供的功能。
- 第三方框架和库——用来快速构建网站和应用。
2、js核心机制
（1）变量
a、声明变量letvarb、数据类型string字符、单引号number数字、无需引号boolean布尔值、真假array数组、单一引用存储多值object对象、js内均为对象都可存储在变量里
（2）运算符
（3）条件语句
如果有多个条件判定，后面都是else if
（4）函数function
封装可复用功能
a、浏览器内置函数
document.querySelector 和 alert 是浏览器内置的函数，随时可用
alert（）函数在浏览器窗口内弹出一个警告框，还应为其提供一个字符串参数，以告诉它警告框里要显示的内容。
代码中有一个类似变量名后加小括号 () 的东西，很可能就是一个函数。函数通常包括参数，参数中保存着一些必要的数据。它们位于括号内部，多个参数之间用逗号分开。
b、自定义函数
函数作用域在函数内，所以需要返回数字就要用到return语句
（5）事件
捕捉浏览器操作并运行一些代码做为响应（例如点击事件）
将事件与元素绑定有许多方法。在这里选用了 元素，然后调用了它的 addEventListener() 方法，将事件名称（‘click’）以及其回调函数（当事件发生时，调用该函数）传入该函数中作为调用参数。
刚刚我们传递给 addEventListener() 的函数被称为匿名函数，因为它没有名字。匿名函数还有另一种我们称之为箭头函数的写法，箭头函数使用 () => 代替 function ()：
（6）注释
单行注释//
多行注释/**/