JavaScript基础了解——学习笔记

什么是JavaScript？

JavaScript 是目前最流行脚本语言，简称 JS。JavaScript 编写在 HTML 页面中，由浏览器负责解释和执行，JavaScript 通常用来给 HTML 页面增加交互能力。

JS可以给html带来的功能：

为页面增加动画效果

验证表单输入项有效性

实现本地数据存储

JavaScript能做什么

1、网页特效

2、服务端开发(Node.js)

3、命令行工具(Node.js)

4、桌面程序(Electron)

5、App(Cordoval)

6、控制硬件(Ruff)

7、游戏开发(cocos2d-js)

JavaScript开始

 
内部使用方法

可写头部head标签中也可写到body中也可写到代码最底部

建议最好写到页面最底部，因为代码是从上到写运行，所以如果写在标签顶部可能会获取不到标签元素，除非写上window.οnlοad=function(){}（页面加载完成执行函数）函数内部

<script>
    window.onload=function(){
        console.log("hello world")
    }
</script>

js外部文件

写在后缀为js文件中，然后页面使用script标签进行引入，所引入的js标签中不可写其他js代码

//引入外部js文件 js文件所在的路径
<script src="XXX"></script>

关于注释的使用方法：

//单行注释
/*多行注释*/
​
/**
*文档注释
*仅仅在js文件中可用
*/

变量

什么是变量？

变量是计算机内存中存储数据的标识符，根据变量的名称可以获取到内存中存储的数据

为什么要使用变量？

使用变量可以方便的获取或修改内存中的数值

从字面意思来讲，变量就是可变的量；从编程角度来讲，变量是用来存储某种/某些数值的存储器，举例2个盒子，为区分它们，其中一个用box1表示，另外一个用box2，当然你也可以用任意的名称来区分，这个box1就是盒子名字也就是所谓变量的名字。

变量命名注意事项，需要遵从以下命名规则:

1. 变量必须使用字母、下划线_或者美元符$开始;
2. 可以使用多个英文字母、数字、下划线_或者美元符$组成

不同数据类型之间的转换

        parseInt(变量) 转换为number整数

                数字开头可以转换到字符串结尾

                字母在开头返回为NaN(不是数字)

        parseFloat(变量) 转换为浮点数（小数）

        变量.toString() 转换为字符串

        isNaN(变量) 判断变量是否不为数字 数字则返回false，不是数字返回true

 

数据类型

number——数字型

string——字符型

boolean——布尔型

undefined——定义为赋值

null——空型 须手动赋值 null

symbol——ES6数据类型

操作符与表达式

算术运算符

+、-、*、/，%(取模，取余(10%2) == 0)

++、--

++a在前 先运算 再赋值

a++在后 先赋值 再运算

赋值运算符

=(赋值) +=(a+=2 a=a+2) -= *= /=

关系运算符(比较运算符)

<(小于) >(大于) >=(大于等于) <=(小于等于) !=(不等于) ==(等于 只判断值是否相等) ===(全等 包括数据类型也相等) !==(不全等)

运算符优先级

 

三大基本结构

顺序结构：从上到下执行

分支结构：常用于不同条件 执行不同代码

循环结构：重复执行同一块代码

当对变量进行判断的时候

当某个变量判断条件为固定值时建议使用switch语句进行判断，当变量值不固定时，建议使用if判断

switch语句

    <script>
        var a = parseInt(prompt("请输入"))
        switch(a){
            case 1:
            document.write("未付款")
            break;
            case 2:
            document.write("已付款")
            break;
            case 3:
            document.write("待发货")
            break;
            case 4:
            document.write("已发货")
            break;
            case 5:
            document.write("运输中")
            break;
            case 6:
            document.write("已签收")
            break;

        }
    </script>

case判断的值是全等判断

当case判断中没有break时会一直向下执行判断 直到遇到break时停止;

三元运算

表达式 ? 真 : 假;

3>1?true:false; //返回true
3<1?true:false; //返回false