JavaScript基础

首先，学习JavaScript语言，必须知道它是什么？

　　JavaScript是一门解释型语言，对它和python一样，代码是从上往下依次执行，一句代码结束以分号结束或换行。

一、JavaScript在html中存在的三种位置

1、外联式

<script src = 'js文件的地址'></script>

 2、内联式

<script>
        js代码块
    </script>

 3、标签行间

<div id = 'div' onload ='js代码' ></div>

 注意：关于外联式内联式JavaScript代码放在哪里，需要看你有什么需求了，如果是功能似的脚本放在body标签后面，如果后面的代码，需要用到JavaScript，放在head标签中就好了，记住它的代码执行顺序就好了。

 

二、JavaScript中对变量的定义(ES5、ES6两种版本)

1、ES5中

//局部变量
var a = 10;

//全局变量,一般情况下不要这样去定义
b = 100;

 2、ES6中

//局部变量
let a = 10;

//常量
const = 20；

 注意：ES5,ES6中都有局部变量的定义，区别是：ES5是没有块级作用域的，ES6中式存在的

　　　 JavaScript遵循小驼峰体命名，常量第一次赋值后，再赋值会报错。

 

三、三种弹出框

// 普通弹出框
alert('zhuyu')

//确认弹出框
confirm('你好吗？')

//输入弹出框
prompt('今天周几？')

 

四、调用方式

//1、通过弹出框进行调试
alert()

//2、浏览器终端
console.log()

//3、在html页面显示
document.write()

 

五、数据类型

    var a = 10;   //number类型
    var a = 'zhuyu' //string类型
    var a = 'true'  //bool类型
    var a = undefined // undefined

    //查看其数值的类型   typeof a

    2、引用类型
    var a = function() {};   //函数类型
    var a = {};         //对象类型
    //对象判断方法
    a instanceof Object

    3、具体的对象类型
    空对象
    var a = null


    Array   数组对象
    var a = new Array(1,2,3,4,5)
    console.log(a instanceof Array)

    Date    时间对象
    var a = new Date()
    console.log(a,a instanceof Date)

    RegExp  正则对象
       

 

六、类型转换(一般来说针对数值类型 number,string,boolean)

1、数字和bool转换成字符串
var a = 10;
var b = true

a = String(a)       //方式一
b = b.tostring(b)   //方式二

var c = new String(a) //这种方式是不对的，虽然它的值为10，但是它的类型是Object

2、数字、字符串转换成bool

var a = 10;
var b = '10';

a =  Boolean(a)
b =  Boolean(b)


3、字符串、bool转换成数字

var a = '10';
var b = true;

a = Number(a);
b = Number(b);

 

七、运算符

就只有a时，--或++不管在aa的前面还是后面，a的值一定会改变

// a = 10

var b = ++a ;   //首先算++a,再将值赋值给b，所以 b,a相对应为 11，11

// a = 11

var b = a++ ;   //首先将a赋值给b，再执行a++操作，所以b,a相对应为11，12


三目运算符

var 结果 = 条件 ？结果一：结果二