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

标签：变量,js,var,HTML,引入,声明,赋值
来源： https://www.cnblogs.com/nomnom/p/16525055.html