【Web前端笔记11】JavaScript基础与变量

前言

[11 JavaScript基础与变量](#11 JavaScript基础与变量)

一、Js简介

1、JavaScript核心部分：

2、有非常广泛的使用领域

3、JavaScript与ECMAScript的关系

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中

2、引入本地独立JS文件

3、引入网络来源文件

六、JavaScript注释与常见输出方式

1、JavaScript注释

2、JavaScript输出方式

前言

从这篇博文开始，进入到JavaScript的学习咯！

11 JavaScript基础与变量

一、Js简介

轻量级脚本语言，可以部署在多种环境

常见部署环境：浏览器

1、JavaScript核心部分：

基本的语法构造（操作符、控制结构、语句）；
标准库（一系列各种功能的对象，例如Array、Data、Math等）

还提供额外API，包含

浏览器控制类
DOM类
Web类

2、有非常广泛的使用领域

浏览器的平台化
跨移动平台
数据库操作
Node.js

3、JavaScript与ECMAScript的关系

ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。

4、JavaScript版本

二、JavaScript名词解释

语句：以行为单位，以分号结尾；

变量：其表示的值可以发生改变；

javascript 复制代码

var a; /*a就是一个变量，a是变量名*/

ps：创建一个变量的过程就叫变量的声明；

给变量一个具体的值的过程叫做变量的赋值（变量在赋值之前必须被声明），例如a=10；

将变量的声明和赋值写在一起的方式叫做变量的初始化，例如var a=10；

javascript 复制代码

 /*script标签表示脚本,可以在script标签中编写js代码,也可以通过script的src属性来引入外部的脚本文件 注意:script可以写在HTML文件的任意位置,不过一般写在body的最后., */

三、变量命名规则

JavaScript语言的标识符对大小写敏感；
由字母、数字、下划线和美元符号组成，首字母不能是数字；
不能用关键字（保留字）来命名变量；

常用命名方式：

驼峰命名法（首字母大写，其余字母小写）

ps:命名要有意义。

四、变量类型

六大基本数据类型：

number 数字类型
object 对象类型
underfined&null 未定义类型&空类型
*Array 数组类型（不是基本数据类型）
boolean 布尔类型
string 字符（串）类型

【typeof 运算符可以查看变量的类型】

javascript 复制代码

<script type="text/javascript"> 
    var a; 
    a=10; 
    console.log(typeof a); 
    a=true; 
    console.log(typeof a); 
</script>

1、数字类型

只有一种数字类型，可以带小数点，也可以不带；

javascript 复制代码

var x=34.00; //使用小数点来写 
var x=34; //不使用小数点来写 
var x=314e2; //极大或极小的数字可以用科学计数法 
var a=314e2 //a=31400 
var b=123e-5 //b=0.00123

2、字符串类型

在js中字符串类型是用来存储字符的类型，可以使用单双引号定义。

注意：字符串在定义时只要写在引号内部即可，但是唯一不能写在内部的是外部定义时用的引号。

javascript 复制代码

var str1=''; 
var str2='a'; 
var str3='hello world'; 
var str4="good sxt"; 
var str5='my name is "sxt"'; //会报错，注意不能用外部定义时的引号

3、布尔类型

可以用来判断真假的数据类型

类型值：true/false

javascript 复制代码

var flag=true; 
var flag2=false; 
console.log(typeof flag);

4、未定义类型undefined

用来描述当变量的值不确定时，变量所表示的类型

注意：未定义类型中有一个值就是undefined。

javascript 复制代码

var item; 
console.log(typeof item);

空类型：表示对象为空

5、Js用法和输出函数

JavaScript可以通过不同的方式来输出数据。

window.alert() 弹出警告框
console.log（）写入到浏览器的控制台
document.write（）将内容写入到HTML文档中

javascript 复制代码

<script> 
    document.write("1.1"); 
    document.write("1.2") 
    document.write("1.3") 
</script> 
<script>             
    document.write("2.1"); 
    document.write("2.2") 
    document.write("2.3") 
</script> 
<script> 
    document.write("3.1"); 
    document.write("3.2") 
    document.write("3.3") 
</script3

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中

javascript 复制代码

<body>
    <script>
        var age = 20
    </script>
</body>

2、引入本地独立JS文件

javascript 复制代码

<body>
    <script type="text/javascript" src="./mix.js">       </script>
</body>

3、引入网络来源文件

javascript 复制代码

<body>
    <script src="http://code.jquery.com/jquery1.2.1.min.js">    </script>
</body>

六、JavaScript注释与常见输出方式

1、JavaScript注释

源码中注释是不被引擎所解释的，它的作用是对代码进行解释。

Javascript 有两种注释的写法：

单行注释，用//起头；
多行注释，放在/和/之间。

javascript 复制代码

// 单行注释


/*
 这是
 多行
 注释
*/

2、JavaScript输出方式

JavaScript有很多种输出方式，都可以让我们更直观的看到程序运行的结果

javascript 复制代码

// 在浏览器中弹出一个对话框,然后把要输出的内容展示出来,alert都是把要输出的内容首先转换为字符串然后在输出的
alert("要输出的内容");


document.write("要输出的内容"); 


// 在控制台输出内容
console.log("要输出的内容");