初识JavaScript

JavaScript能做什么
1、网页特效

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

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

4、桌面程序(Electron)

5、App(Cordoval)

6、控制硬件(Ruff)

7、游戏开发(cocos2d-js)

JavaScript组成部分

 

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文件中可用
*/

变量
什么是变量？

与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

为什么要使用变量？

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

不同数据类型之间的转换

        parseInt(变量) 转换为number整数

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

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

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

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

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

数据类型
number——数字型

string——字符型

boolean——布尔型

undefined——定义为赋值

null——空型 须手动赋值 null

symbol——ES6数据类型

操作符与表达式
算术运算符
+、-、*、/，%(取模，取余(10%2) == 0)

++、--

++a在前 先运算 再赋值

a++在后 先赋值 再运算

var a = 1;
console.log(a++ + ++a)//输出4
//a计算所使用的值   1  +  3  = 4
//a在括号中计算后值  2     3
逻辑运算符
||(或运算) &&(与运算) !(非运算)

多个逻辑运算判断

|| 或运算判断 一个为true返回true

&& 与运算判断 一个为false 返回false

! 非运算 为true则返回false，为false则返回true

关系运算符(比较运算符)
<(小于) >(大于) >=(大于等于) <=(小于等于) !=(不等于) ==(等于 只判断值是否相等) ===(全等 包括数据类型也相等) !==(不全等)

赋值运算符
=(赋值) +=(a+=2 a=a+2) -= *= /=

运算符优先级

 

三大基本结构
顺序结构：从上到下执行

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

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

当对变量进行判断的时候

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

switch语句
var num = parseInt(prompt("你想送她多少多花"));
switch (num) {
        case 1:
            alert("你是我的唯一");
            break;
        case 3:
            alert("I Love You");
            break;
        case 10:
            alert("十全十美");
            break;
        case 99:
            alert("天长地久");
            break;
        case 108:
            alert("求婚");
            break;
        default:
            alert("请输入一个有意义的数字");
            break;
    }

case判断的值是全等判断

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

三元运算
表达式 ? 真 : 假;

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