JavaScript（类型转换、条件语句、循环、函数）

时间：2022-11-29 23:00:20

类型装换

转为数字类型

// Number

console.log(Number(undefined));  //NaN

console.log(Number(null));  //0

console.log(Number(true));  // 1

console.log(Number(false)); // 0

console.log(Number('123'));  //123

console.log(Number('123a')); //NaN

console.log(Number('1.23'));  // 1.23

console.log(Number('+123'));  //123

console.log(Number('-123'));  // -123

console.log(Number('1+23'))  // NaN

console.log(Number(''));  // 0

console.log(Number('  '));  // 0

console.log(Number('1   23'));//  NaN

console.log(Number('1$%23'));  // NaN

console.log(Number('  123')); //123

console.log(Number('1.2.3')); // NaN

console.log(Number('.23'));  // 0.23

// parseInt() 会试图将字符串转为整型,如果失败 返回NaN

// 如果前面是空格 数字正负号时， 当碰到 第一个不是数字时停止装换

// 如果不是数字空格直接返回NaN

console.log(parseInt(undefined));  //NaN

console.log(parseInt(null));  //  NaN

console.log(parseInt(true));  // NaN

console.log(parseInt(false)); // NaN

console.log(parseInt('123'));  //123

console.log(parseInt('123a')); // 123

console.log(parseInt('1.23'));  // 1

console.log(parseInt('+123'));  //123

console.log(parseInt('-123'));  // -123

console.log(parseInt('1+23'))  // 1

console.log(parseInt(''));  // NaN

console.log(parseInt('  '));  // NaN

console.log(parseInt('1   23'));//  1

console.log(parseInt('1$%23'));  // 1

console.log(parseInt('  123')); //123

console.log(parseInt('1.2.3')); // 1

console.log(parseInt('.123'))  //NaN

// parseFloat 与parseInt没有太大区别 除了以下几条

console.log(parseFloat('1.23'));  // 1.23

console.log(parseFloat('1.2.3')); // 1.2

console.log(parseFloat('.123'))  // 0.123

转为String 类型

// undefined null boolean 转为String类型

var a = undefined + '';

console.log(typeof a);  // string

var b = null + '';

console.log(typeof b); // string

var c = true.toString();

console.log(typeof c);

var num = 20;

var d = num.toString();

console.log(d);  // 在浏览器控制台中字符类型是黑色的 数字是蓝色的

其他类型转为Boolean类型

console.log(Boolean(''));  			// false

console.log(Boolean(undefined));  	// false

console.log(Boolean(null));  		// false

console.log(Boolean(0));  			// false

console.log(Boolean(0.0));  		// false

console.log(Boolean(NaN));  		// false

console.log(Boolean(' ')); 			// true

console.log(Boolean(1));   			// true

console.log(Boolean('abc'));  		// true

isNaN and isFinite

console.log(isNaN(NaN));   		// true

console.log(isNaN('NaN'));   	// true

console.log(isNaN(123));  		// false

// isFinite： 判断既不是NaN类型 也不是InFinite类型

console.log(isFinite(123))  		// true

console.log(isFinite(NaN));  		// false

console.log(isFinite(Infinity)); 	// false

console.log(isFinite(' '))  		// true

console.log(isFinite('123 '))  		// true

console.log(isFinite('123abc'))  	// false

条件语句

  • if 语句
  • 三目运算符 res = a>b?true:false （运行效率比if语句高）
  • switch语句
    • default break 都是可选语句了，当 case 后面没有 break 语句时，如果条件匹配成功，直接贯穿所有 case 语句，直到执行 break 语句

循环语句

  • while

  • do while

  • for

    for(var i = 0; i < array.lenght; i++)
    
for(var i in array) // i 是下标
    
for(var i of array) // i 是元素

break and continue

// js中循环是可以有名字的

// 语法格式   名称：循环语句

// break continue 可以跳过或终止 带有标签名的循环

label1 : for(var i =  0; i < 10; i++){

    label2 : for(var j = 0; j < 10; j++){

        if(j == 3){

            break label1;

        }

        console.log(i + '  ' + j);

    }

}

函数

函数的概述

  • 函数名：建议使用驼峰规则
  • 如果不写 return，系统默认返回 undefined
  • 函数在调用时只要有该函数的声明即可

函数的参数

function info(name, age) {

    document.write(name);

    document.write(age);

}

info('lily', '9'); // lily 9

info('lily');  // lily undefined

info('lily','9','c','d')  // lily 9

// js不定长参数

function printSum(){

    sum = 0;

    for(i in arguments)

        sum += arguments[i];

    return sum

}

console.log(printSum(1,2,3))

作用域

  • 新的作用域：函数会产生新的作用域，循环，条件语句不会产生新的作用域
  • 变量作用域
    • 全局变量：定在文件中，但在函数外的变量为全局变量，使用范围为整个文件的任意位
    • 局部变量：在函数内部使用var声明的变量为局部变量，使用范围为该函数内部

变量的提升

var num = 100;

/*

 * 在js中如果函数内部使用var声明变量时，在代码执行过程中，系统

 * 会自动把变量的声明语句(var )提到函数的最上方，这个操作叫做变量的提升

 * */

function fun1 () {

    console.log(num);  // undefined

    num = num +1

    console.log(num);  // NaN   undefined + 1 = NaN

    var num = 200

    console.log(num);  // 200

}

fun1();

参数默认值

// 定义一个函数，该函数有两个参数

// 参数的默认值

// 第一种方式： 在定义形参时，直接赋值

// 第二种方式: a = a||555;

// 第三种方式： a = a ? a : 333

function func2(a, b=999){

    // a = a||555;

    a = a ? a : 333

    console.log(a);

    console.log(b);

}

func2(1,2);

func2(4);

func2();

匿名函数

// 非即时函数

var a = function(num){

    console.log(num);

};

a(1233);

// 即时函数

(function(num){

    console.log(num);

})(666);

// 一般来说，匿名函数当做一次性函数使用，调用一次结束后，

// 一般情况下会把匿名函数作为即时函数，但是任何函数都可以

// 即时执行

// 普通函数形式的即时函数

/*(function abc(){

    alert('123')

})();*/

相关文章