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

变量

什么是变量？

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

为什么要使用变量？

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

 

 

不同数据类型之间的转换

        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