学习JavaScript基础

一、JavaScript简介

JavaScript诞生于1995年，网景公司开发了JavaScript。

• JavaScript是一款脚本语言（不是编译语言）
• JavaScript是一门弱类型语言。
• JavaScript是一门面向对象的语言。
• JavaScript是一门解释型语言。
• JavaScript是严格区分大小写的。

二、JavaScript的组成：

一个完整的js是由ECMAScript、Dom、Bom组成的。

三、JavaScript的使用

1.行内引入：

01.如果遇到引号嵌套，外单内双，外双内单；

02.javascript：js代码

2.内部引入：script标签

<script>
    alert("Hello,World!");
script>

3.外部引入：

<script src="main.js">script>

注意：js当中的代码，如果把js写在head中，会造成dom阻塞的问题

一般script当中的代码写在h5代码之后

4.输出语句：

1.alert（）弹出框

<script>
    alert("Hello,World!");
script>

 2.document.write() 往页面输入内容，可以识别标签

<script>
    document.write("Hello,World!");
script>

3.console.log() 往控制台输入内容

<script>
    console.log("输出一条日志");//最常用
    console.info("输出一条信息");
    console.warn("输出一条警告");
    console.error("输出一条错误");
script>

console.log的作用：

1.  排错
2.  方便测试

四、JavaScript的注释

注释中的内容不会被解析器解析执行，但是会在源码中显示，我们一般会使用注释对程序中的内容进行解释。

JS中的注释和Java的的一致，分为两种：

• 单行注释：// 注释内容
• 多行注释：/* 注释内容 */

单行注释

<script>
    // 这是注释内容
    console.log("Hello,World!");
script>

多行注释

<script>
    /**
     * 这是注释内容
     */
    console.log("Hello,World!");
script>

五、 JavaScript基础语法

1.标识符

所谓标识符，就是指给变量、函数、属性或函数的参数起名字。

标识符可以是按照下列格式规则组合起来的一或多个字符：

• 第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。
• 其它字符可以是字母、下划线、美元符号或数字。
• 按照惯例，ECMAScript 标识符采用驼峰命名法。
• 标识符不能是关键字和保留字符。

2.变量

变量的作用是给某一个值或对象标注名称。比如我们的程序中有一个值123，这个值我们是需要反复使用的，这个时候 我们最好将123这个值赋值给一个变量，然后通过变量去使用123这个值。

2.1  声明变量关键字var（全局变量）

在声明变量时，变量的数据类型取决于等号后面的值；

2.1.1 变量的声明

var a;

2.1.2变量的赋值：

a = 123;

2.1.2声明和赋值同时进行：

var a = 123;

3.数据类型

1. number 数字类型
2. string 字符串类型
3. bolean 布尔值  true     false
4. null  空值    01.清空变量     02.当你的变量不知道什么类型时，可以暂时赋值为null
5. undefined 未定义     变量声明但是并未被赋值；

这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数据类型。

隐式类型转换
1.number+string 会拼接

2.number-string 相减（字符串是数字）

NaN 不是一个数字（字符串是汉字）

3.布尔值参与运算时  true转1   false转0

4.undefined与任何运算都是NaN（除加）

5.null在参与运算都会转化为0

4.typeof运算符

使用typeof操作符可以用来检查一个变量的数据类型。

console.log(typeof 123);
console.log(typeof "Hello,World!");
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);

使用typeof检查一个Number类型的数据时（包括NaN 和 Infinity），会返回"number"。

使用typeof运算符检查字符串时，会返回"string"。

布尔型也被称为逻辑值类型或者真假值类型。 布尔型只能够取真（true）和假（false）两种数值。

使用typeof对没有初始化和没有声明的变量，会返回“undefined”。

从语义上看null表示的是一个空的对象，所以使用typeof检查null会返回一个Object。

 5.运算符

1、算术运算符

+、-、*、/、%、++、--、

2、关系运算符

>、<、>=、<=

3、赋值运算符

=、+=、-+、*=、/=、%=

4、逻辑运算符

&&、||、！

5、比较运算符

• 使用 == 来做相等运算

当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后在比较

• 使用 != 来做不相等运算

不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false，不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

• 使用 === 来做全等运算

用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回false

• 使用 !== 来做不全等运算

用来判断两个值是否不全等，它和不等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回true

6、三目运算符

表达式 ？ 结果一：结果二

1 > 2 ? yes : no

6、条件语句

 1. if    if(){}else{}     if(){}else if(){}else

var age = 16;
if (age < 18) {
    console.log("未成年");
}
 
 
var age = 16;
if (age < 18) {
    console.log("未成年");
} else {
    console.log("已成年");
}
 
 
var age = 18;
if (age < 18) {
    console.log("小于18岁了");
} else if (age == 18) {
    console.log("已经18岁了");
} else {
    console.log("大于18岁了")
}

2.switch...case

switch (语句) {
    case 表达式1:
        语句...
    case 表达式2:
        语句...
    default:
        语句...
}

注意：需要注意的是一旦符合case的条件程序会一直运行到结束，所以我们一般会在case中添加break作为语句的结束。

7.循环语句

1、while

var i = 1;
while (i <= 10) {
    console.log(i);
    i++;
}

2.for

for (var i = 1; i <= 10; i++) {
    console.log(i);
}