js是什么,引入方式,变量
JS
web三大标准:HTML(结构) + CSS(样式) +JavaScript(行为)
动态效果+数据交互
编程语言
编程 让计算机为解决某个问题而使用某种程序设计语言编写程序代码,最终得到结果
是什么?
世界上最流行的语言之一,是一种运行在客户端的脚本语言
脚本语言 不需要编译, 运行过程中 由js解析器(js引擎)逐行来进行解释并执行
现在也可以基于Node.js技术来进行服务器端编程
作用
表单动态校验、网页特效、服务端开发(node.js)、桌面程序、APP、控制硬件---物联网、游戏开发
浏览器执行js
浏览器分为: 渲染引擎 和 js引擎
渲染引擎 :用来解析HTML和CSS,俗称内核,比如谷歌浏览器 blink
js引擎: js解析器,用来读取网页中的javascript代码,对其处理后运行,比如谷歌的v8
从上往下 逐行 执行每一句代码
组成:ECMAScript语法,BOM,DOM
注释
// 单行注释 ctrl+/
/* 多行注释 alt +shift+a */
js的引入方式
行内式
-
可以将单行或少量js代码写在HTML标签的事件属性中(以on开头的属性) 比如onclick
-
单双引号要错开使用,HTML中推荐使用双引号,js中使用单引号
-
可读性差,在html中编写大量js代码,不方便阅读,引号容易弄混
<input type="button" value="点我" onclick="alert('hello')">
内嵌式
-
可以将多行js代码写到script标签中
-
内嵌js是学习最常用的方式
<script>
alert(123);
alert(9);
</script>
外部式
-
适合js代码量比较大的情况
-
利于HTML代码的结构化,把大段的js代码独立到HTML页面之外,方便复用
-
引用外部js文件的script标签中间不可以写代码
新建一个js文件,xxx.js html页面中通过script引入js文件
<script src="./index.js"></script>
js输入输出语句
alert("浏览器弹出警示框")
console.log("浏览器控制台输出信息")
// 浏览器弹出输入框,用户可以输入,有确定和取消按钮
prompt("输入一个数字",变量)
变量
变量是用于存储数据的容器,我们通过变量名获取数据,甚至数据可以更改
变量在内存中存储
变量是程序在内存中申请的一块用来存放数据的空间,类似我们酒店的房间,一个房间可以看作是一个变量
变量使用
1.声明
/* var是js的关键字,用来声明变量的,用该关键字声明的变量,
计算机会自动为变量声明内存空间,不需要程序员管
name是程序员定义的变量名,我们要通过变量名来访问变量
*/
var name; //声明了一个名称为name的变量
2.赋值
//把等号右边的值赋值给左边的变量,变量值就是程序员保存到变量空间里的值
name = "张三"; //给name这个变量赋值为 "张三"
3.变量初始化
var aa = 123; //声明变量并赋值---称为变量的初始化
4.覆盖
// 一个变量被重新赋值,原来的值会被覆盖,变量值将以最后一次赋的值为准
var bb = 123;
bb = 44;
5.同时声明多个
// 同时声明多个变量,只需要写一个var ,多个变量名之间用逗号隔开
var age =23,n=34,sex="男";
5.特殊情况
var cc;
console.log(cc); //只声明不赋值,默认值是undefined
// console.log(dd); //不声明 不赋值 直接使用 报错:dd is not defined
ee = 45;
console.log(ee); //不声明 只赋值 45
6.命名规范
-
由字母,数字,下划线,$组成,如:num01,_age, $axios...
-
严格区分大小写, var a 和var A 是两个变量
-
不能以数字开头
-
不能是关键字,保留字 var for if else while do ....
-
要有语义化
-
遵守驼峰命名法,首字母小写,后面单词的首字母要大写 myFirstName