1. 初识JavaScript
「创始人」布兰登·艾奇(Brendan Eich),起初命名为LiveScript
后来与Sun公司合作改名为JavaScript
。
「JavaScript」运行在客户端的脚本语言,不需要编译,由js解释器(js引擎)逐行解释执行。Node.js也可以用于服务器端编程。
「JavaScript组成」ECMAScript(JavaScript语法)、DOM(文档对象模型)、BOM(浏览器对象模型)
JavaScript的作用
-
表单动态校验(密码强度检测)
-
网页特效
-
服务端开发(Node.js)
-
桌面程序(Electron)、App(Cordova)、控制硬件-物联网(Ruff)、游戏开发(cocos2d-js)
2. JavaScript书写位置
JS有3种书写位置,分别为行内、内嵌和外部。
-
行内式
<input type="button" value="点我试试"
onclick="alert('Hello World')" />
2. 内部式
<script>
alert('Hello World~!');
</script>
3 .外部式
引用外部js文件
<script src = "my.js"></script>
「注释」
-
单行注释
// 我是单行注释 (快捷键 ctrl + / )
-
多行注释
/*
获取用户年龄和姓名
并通过提示框显示出来
点击vscode左下角管理-键盘快捷方式-切换块注释
(默认快捷键 alt + shift + a) 修改为 (ctrl + shift + /)
*/
3. Javascript 输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息
<script>
// 这是一个输入框
prompt('请输入年龄');
// alert 弹出警示框 输出的 展示给用户的
alert('计算的结果是');
// console 控制台输出 给程序员测试用的 log 是日志的意思 console 控制台的意思
console.log('我是程序员能看到的');
</script>
4. 变量
4.1 变量的概念
「变量」是程序在内存中申请的一块用于存放数据的空间。变量是用于存放数据的容器,可以通过变量名获取数据,甚至修改数据。
4.2 变量的使用
「1. 声明变量」
// 1.声明变量
var num; // 声明一个 名称为 num 的变量
var是一个JS关键字,用来声明变量(variable变量的意思)。num是我们定义的变量名,可以通过变量名来访问内存中分配的空间。
「2. 赋值」
num = 10; //给 num 这个变量赋值为 10
「3. 变量的初始化」
声明一个变量并赋值, 我们称之为变量的初始化。
var num = 10; //声明变量并赋值为10
「4. 变量语法扩展」
// 1.一个变量被重新赋值后,它原有的值会被覆盖掉,变量值以最后一次赋的值为准。
var num = 10;
num = 11;
// 2.同时声明多个变量(只需要写一个var,多个变量名之间用英文逗号隔开)
var num = 10, age = 15, name = 'fan';
1.更新变量
var myName = 'pink老师';
console.log(myName);
// 前面不用再写var了,前面已经开辟新的空间了
myN