首页 > 编程语言> 文章详细

JavaScript基础（变量、数据类型）

2022-07-31 23:03:10 阅读：116 来源： 互联网

标签：console 变量 JavaScript 数据类型 js var 声明赋值

web三大标准：HTML(结构) + CSS（样式） +JavaScript(行为)

JavaScript

动态效果+数据交互

编程语言

编程让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果

是什么？

世界上最流行的语言之一，是一种运行在客户端的脚本语言

脚本语言不需要编译，运行过程中由js解析器(js引擎)逐行来进行解释并执行

现在也可以基于Node.js技术来进行服务器端编程

JavaScript作用

表单动态校验
网页特效
服务端开发(nodejs)
桌面程序
APP
控制硬件---物联网
游戏开发

浏览器执行js

浏览器分为：渲染引擎和 js引擎

渲染引擎：用来解析HTML和CSS，俗称内核，比如谷歌浏览器 blink

js引擎: js解析器，用来读取网页中的javascript代码，对其处理后运行，比如谷歌的v8

逐行执行每一句代码

js的组成*

ECMAScript语法，BOM，DOM

js的几种引入方式

行内式

可以将单行或少量js代码写在HTML标签的事件属性中(以on开头的属性) 比如onclick
单双引号要错开使用，HTML中推荐使用双引号，js中使用单引号
可读性差，在html中编写大量js代码，不方便阅读，引号容易弄混

 <input type="button" value="点我" onclick="alert('hello 17期学员 大家晚上好')">

内嵌式

可以将多行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注释

// 单行注释   ctrl+/

    /* 多行注释 alt +shift+a */

js输入输出语句

alert("浏览器弹出警示框")
        console.log("浏览器控制台输出信息")

        // 浏览器弹出输入框，用户可以输入，有确定和取消按钮
        prompt("输入一个数字")

变量

什么是变量

变量就是一个装东西的盒子（大白话）

变量是用于存储数据的容器，我们通过变量名获取数据，甚至数据可以更改

变量在内存中存储

变量是程序在内存中申请的一块用来存放数据的空间，类似我们酒店的房间，一个房间可以看作是一个变量

变量使用

1.变量声明

/* 
        var是js的关键字，用来声明变量的，用该关键字声明的变量，计算机会自动为变量声明内存空间，不需要程序员管
         name是程序员定义的变量名，我们要通过变量名来访问变量
        */
        var name;   //声明了一个名称为name的变量

2.变量赋值

// 2.变量赋值
        /* 
         把等号右边的值赋值给左边的变量，变量值就是程序员保存到变量空间里的值
        */
        name = "张三";   //给name这个变量赋值为 "张三"

3.变量初始化

 // 3.变量初始化
        var aa = 123;  //声明变量并赋值---称为变量的初始化

4.变量的扩展

/* 
        一个变量被重新赋值，原来的值会被覆盖，变量值将以最后一次赋的值为准
        */
        var bb = 123;
        bb = 44;

        // 同时声明多个变量  同时声明多个变量，只需要写一个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

数据类型

变量存储的数据，可以是各种类型的数据

分两类

1. 简单数据类型

Number数字

 // 简单数据类型
        // 1 Number 数字型
        var age = 23;   //整数
        var f =23.5 ;    //小数

        // isNaN() ---is not a number 判断变量是否为非数字的类型  非数字返回true ，数字返回false

        var usAge = 21;
        var isOk = isNaN(usAge);   //false
        console.log(isOk);

        var username = "lucy";
        console.log(isNaN(username));  //true

字符串

布尔类型

undefined和null

2. 复杂数据类型

标签：console,变量,JavaScript,数据类型,js,var,声明,赋值
来源： https://www.cnblogs.com/YBYZ/p/16538493.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9