javascript的基础

js的组成

ECMAScript：解释器（翻译）

DOM：Document Object Model （操作HTML的能力）

BOM：Browser(l浏览器) Object Model

变量类型

类型：typeof运算符

用法、返回值

常见类型：number、string、boolean、undefined、object、function

（一个变量应该只存在一种类型的数据）

a = 10
console.log(typeof a)//number 数字

b = "你好"
console.log(typeof b)//string 字符串

c = true
console.log(typeof c)//boolean: true false

d = function(){}
console.log(typeof d)//function 函数


var f；
console.log(typeof f) //f 1、没有定义 undefined 2、定义，没赋值

g = {}
console.log(typeof g)//object 对象

数据类型转换：

显示类型转换（强制类型转换）

parseInt()、parseFloat()

//parseInt()将字符串转为整数
//parseFloat() 将字符串，并返回一个浮点数。
a = "12"
console.log(parseInt(a) + 1)//13
console.log(parseFloat(a))//12
q = "1.2asd" 
console.log(parseInt(q))//1
console.log(parseFloat(q))//1.2
f = 12.3 
console.log(parseInt(f))//12
console.log(parseFloat(f))//12.3


b  = "abc"
console.log(parseInt(b))//NaN



var c = parseInt('abc')
var b = parseInt('abc')
console.log(isNaN(c))//true isNaN判断c是不是NaN
console.log(c == b)//false
//NaN与NaN不相等

隐式类型转换

==、===、减法

a = 5
b = "5"
console.log(a == b)//true 先转换类型，然后比较
console.log(a === b)//false 不转换，直接比（严谨）

c = "12"
d = "5"
console.log(c + d)//125 加号字符串的链接  数字的相加
console.log(c - d)//7 减号数字相减

变量作用域

全局变量、局部变量

局部变量：只能在定义他的函数里面使用

function a(){
    //局部变量：只能在定义他的函数里面使用
    var b = 12;
    console.log(b)//12
}
function c(){
    console.log(b)//报错
}
a()
c()

var b;//全局变量
function a() {
    b = 12;
    console.log(b)//12
}
function c() {
    console.log(b)//12
}
a()
c()

闭包

//闭包：子函数可以使用父函数的局部变量
function aa(){//父函数
    var a = 10;
    function bb(){//子函数
        console.log(a)//10
    }
    bb();
}
aa();

运算符

算数：+加、-减、*乘、/除、%取余

 

赋值：=、+=、-=、*=、/=、%=

关系：<、>、<=、>=、=、==、===、！=、！==

逻辑：&&与、||或、！否（真假互换）

运算符优先级：括号

判断：if、switch、？：(三目运算符)

if (满足条件1) {
    //执行语句1
} else if (满足条件2) {
    //执行语句2
} else {
    //以上都不成立执行
    //语句n
}
   
switch(变量)
{
    case 值1:
        //变量=值1执行
        //语句1
        break;
    case 值2:
        //变量=值2执行
        //语句2
        break;
    case 值3:
        //变量=值3执行
        //语句3
        break;
    //......
    default:
       //以上都不满足执行
        //语句n    
}

var f = 1

switch(f)

{

    case 1:

        console.log(1)//1

        break;

    case 2:

        console.log(2)

        break;

    default:

        console.log(3)    

}

var f = 4

switch(f)

{

    case 1:

        console.log(1)

        break;

    case 2:

        console.log(2)

        break;

    default:

        console.log(3)//3    

}

条件？语句1：语句2(三目运算符)

//三目运算符
var a = 44;
a%2 ? console.log("单数") : console.log("双数")//双数

循环：while、for

跳出：break、continue

for(var i = 0;i < 5;i++){
    if(i == 3){
        break;//整个循环中断跳出
    }
    console.log(i)//0、1、2
}

 continue

for(var i = 0;i < 5;i++){
    if(i == 3){
        continue;//本次循环中断，后面继续
    }
    console.log(i)//0、1、2、4
}

真：true、非零数字、非空字符串、非空对象

假：false、数字零、空字符串、空对象、undefined

var a = true;//true、非零数字、非空字符串、非空对象

if(a){
    console.log("真")//真
}else(
    console.log("假")
)

var a = false;//false

if(a){

    console.log("真")

}else(

    console.log("假")//假

)

 

var a = "";//空字符串

if(a){

    console.log("真")

}else(

    console.log("假")//假

)