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

Posted 2021-02-10 知非

类型装换

转为数字类型

// 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')
})();*/