位置: IT常识 - 正文
JavaScript 快速入门(javascript速成)
编辑：rootadmin推荐整理分享JavaScript 快速入门(javascript速成)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript快速入门,javascript快速入门,js如何,javascript快捷键,javascript速成,js怎么实现快捷键功能,javascript速成,javascript快捷键,内容如对您有帮助，希望把文章链接给更多的朋友！
专栏简介: 前端从入门到进阶
题目来源: leetcode,牛客,剑指offer.
创作目标: 记录学习JavaEE学习历程
希望在提升自己的同时,帮助他人,,与大家一起共同进步,互相成长.
学历代表过去,能力代表现在,学习能力代表未来!
目录1. 初始 JavaScript
1.1 JavaScript 是什么?
1.2 JavaScript 能做的事情
1.3 JavaScript 和 HTML 和 CSS 的关系
1.4 JavaScript 运行过程
1.5 JavaScript 的组成
2. 前置知识
2.1 JavaScript 的书写形式
2.2 输入输出
3. 语法概览
3.1 变量的使用
3.2 理解 动态类型
3.3 基本数据类型
3.4 JS 中的数组
3.5 函数
3.6 函数表达式:
3.7 作用域:
3.8 作用域链:
4. 对象
4.1 使用 字面量 创建对象[常用]
4.2 使用 new Object 创建对象
4.3 使用构造函数创建对象
4.4 理解 new 关键字
4.5 JavaScript对象和Java对象的区别
1. 初始 JavaScript1.1 JavaScript 是什么?JavaScript 简称 JS
是世界上最流行的编程语言之一是一个脚本语言, 通过解释器运行主要在客户端(浏览器) 上运行, 也可以基于 node.js 在服务器端运行.1.2 JavaScript 能做的事情网页开发(更复杂的特效和用户交互)网页游戏开发服务器开发(node.js)桌面程序开发(Electron, VSCode 就是这么来的) 1.3 JavaScript 和 HTML 和 CSS 的关系HTML: 是网页的结构CSS: 网页的表皮JavaScript: 网页的行为(魂)1.4 JavaScript 运行过程JS 编写的代码保存在文件中, 也就是储存在硬盘上.双击 .html 文件, 浏览器就会读取文件 , 把文件内容加载到内存中(数据流向:硬盘->内存)浏览器会解析用户编写的代码 , 把代码翻译成二进制的 , 能让计算机识别的指令(解释器的工作)得到的二进制指令会被 CPU 加载并执行.(数据流向: 内存->CPU)浏览器分为 渲染引擎 和 JS引擎
渲染引擎: 解析 HTML+CSS , 俗称"内核"JS 引擎: 也就是解释器. 典型的就是 Chrome 内核中的V8Tips: JS 引擎 会逐行读取 JS 代码内容 , 然后解析成二进制指令, 再执行.
1.5 JavaScript 的组成ECMAScripe(简称 ES): JavaScript 语法.DOM: 页面文档对象模型, 对页面中的元素进行操作.BOM: 浏览器对象模型, 对浏览器窗口进行操作.仅有 JS 语法, 只能写一些基础的逻辑流程, 但要想完成更复杂的任务, 完成和浏览器以及页面的交互, 那么就需要 DOM API 和 BOM API.
ESCMAScript 是一套"标准", 无论是啥样的 JS 引擎都需要遵守这个标准来实现.
2. 前置知识第一个程序
<script> alert("你好!")</script>JavaScript 代码可以嵌入到 HTML 的 script 标签中
2.1 JavaScript 的书写形式1) 行内式
直接嵌入到 html 元素内部
<input type="button" value="点我一下" onclick="alert('hello')">2) 内嵌式
写到 script 标签中
<script> alert("你好!")</script>3) 外部式
写到单独的 .js 文件中
alert("hello");<script src="script.js"></script>Tips: 这种情况下 script 标签内部不能写代码 , 必须空着.
2.2 输入输出输入: prompt
弹出一个输入框
//弹出一个输入框prompt('请输入您的姓名:>')输出: alert
弹出一个警示对话框, 输出结果
//弹出一个输出框alert("hello")输出: console.log
在控制台打印一个日志
//向控制台输出日志console.log('这时一条日志')需要打开浏览器的开发者工具(F12)=>Console 标签页, 才能看到结果
Tips:
console 是 js 中的一个"对象". 表示获取对象中的某个属性或方法, 可直观理解为"的"console.log 就可以理解成, 使用"控制台" 对象的"log" 方法3. 语法概览3.1 变量的使用基本用法
创建变量(变量定义/变量
上一篇：如何运行vue项目(超详细图解）(运行vue项目的快捷键)
下一篇：Stable Diffusion - API和微服务开发
