复习javascript入门到精通

Posted 2022-02-22 老张在线敲代码

初始javascript

javascript历史

作者是布兰登.艾奇，在网景公司任职期间于1995年利用十天时间完成了对javascript程序的设计，最初发布时候叫livescript后更名为javascript

javascript是什么

javascript是最流行的语言之一，是一种运行在客户端（自己的电脑）的脚本语言，现也可以基于nodejs技术进行服务器编程

脚本语言：不需要编译，执行过程中由js引擎逐行进行解释并执行

javascript的主要作用

最初只是为了实现表单数据动态校验

现在作用：网页特效，服务端开发（nodejs），桌面程序（electron），app（cordova），控制硬件（物联网ruff），游戏开发

浏览器如何执行js

浏览器分为俩部分：渲染引擎和js引擎
渲染引擎：用来解释html和css俗称内核，比如谷歌的浏览器内核是blink，老版本是webkit
js引擎：也成为js解释器，用来读取网页中的js代码，对其进行后期处理并运行（v8引擎）

js由哪几部分组成

由ECMAScript（js语法），DOM（页面文档对象模型）,BOM（浏览器对象模型）组成
ECMAScript规定了js的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一个js语法标准

js引入方式

行内js（直接在标签上写入）
可读性差，在编写大量html代码时候不方便阅读，特殊情况下使用

<input type=“button” onclick="alert('123')">

内嵌式js（由script标签包裹）
可以在head标签内部写入但是网页内容必须等待所有的Js代码解析、执行完后才开始呈现，这样会导致网页打开延迟，不利于用户体验，一般为了打开网页时无延迟会放在body标签下面

外部js（script标签的src属性引入外部js文件）
美观，html结构跟js逻辑代码分离，也方便复用，适合代码量较大的情况下使用

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

js代码注释方式

单行注释`//`
多行注释`/*内容*/`
快捷键ctrl+/

js输入输出语句

alert浏览器弹出警示框
console.log浏览器控制台输出信息
prompt浏览器弹出输入框

js变量

什么是变量？

变量就是用于存放数据（存放于内存）的容器，我们通过变量名获取数据，或者修改

声明变量及变量赋值

var age 声明一个名为age的变量
var age =10 给这个变量赋值为10
var mtname = prompt('请输入你的名字')
alert(myname)会弹出用户在输入框内输入的值

var是一个js关键字，用于声明变量（后续es6中还新增let const声明方法）

更新变量

一个变量被重新赋值之后，它原有的值就会被覆盖，变量值以最后一次赋的值为准

声明多个变量

只需要写一个var，用逗号隔开即可

简写：
var a=1,
	b=2,
    c=3

特殊情况

声明不赋值结果为undefined
不声明，不赋值，直接使用会报错
不声明直接赋值使用也可以正常使用（不提倡）

变量命名规范

由字母、数字、下划线、$符号组成，不能以数字开头

不能是关键字和保留字，例如：for,while,this,name
区分大小写 规范
变量名必须有意义
遵守驼峰命名法
建议不要用$作为变量名