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

posted @ 2022-07-27 15:29  NomNom12138  阅读(135)  评论(0编辑  收藏  举报