javascript_函数_对象新增_ZHOU125disorder_

函数_对象新增

数值新增

    <script>
        // Number.isFinite()   判断是不是一个数字
        console.log(Number.isFinite("我的名字叫卡卡西，我的愿望是成为火影"));   //false
        console.log(Number.isFinite(996));          //ture
        console.log(Number.isFinite(NaN));          //false
        console.log(Number.isFinite(null));         //false
        console.log(Number.isFinite(Number));       //false
        console.log(Number.isFinite(true));         //false
        console.log(Number.isFinite(false));         //false
    
        //去除一个数的小数部分，返回整数部分
        // Math.trunc();
        console.log(Math.trunc(3.14515926));
        console.log(Math.trunc(2.78281828));
        console.log(Math.trunc(996.0));
        console.log(Math.trunc(996));
        // 在操作这些非数值的时候，会先使用Number这个方法将其转换为数值
        console.log(Math.trunc("3.14159265357989"));

        // Math.sign()
        // 判断一个值，到底是正数，负数，还是0
        // 参数为正数的时候，返回1
        // 参数是负数的时候，返回-1
        // 参数为0的时候，返回0
        // 参数为-0的时候，返回-0
        // 其他值的时候，返回NaN
        console.log(Math.sign(2.718281828));
        console.log(Math.sign(-2.718281828));
        console.log(Math.sign(0));
        console.log(Math.sign(-0));
        console.log(Math.sign(true));
        console.log(Math.sign(false));
        console.log(Math.sign(NaN));
        console.log(Math.sign(undefined));
        console.log(Math.sign(Number));
        console.log(Math.sign("我的名字叫卡卡西，我的愿望是成为火影"));
        console.log(Math.sign(true||false));
        console.log(Math.sign(Boolean(3<4)));
    </script>

箭头函数

    <script>
    //    es6当中允许使用=>来定义函数
    let content = function(value){
        return value;
    }

    // 等同于
    let content = value => value;

    // 如果不需要写参数，或者需要写多个参数，那就使用一个括号来包裹
    var myname = () => {return "我的名字叫卡卡西"};
    console.log(myname());

    //多个参数
    var value = (number_one,number_two) =>{return number_one+number_two};   
    alert(value(996,985));

    // 对于一个函数只有一个返回值的时候，不加花括号，不需要写return，如果加了花括号，那就需要写return
    let gitup = () => alert("我的名字叫卡卡西");
    gitup();

    // 如果箭头函数的代码块部分多于一条语句，那就要使用花括号将其包裹，如果只有一条，那就没必要
    // 箭头函数返回一个对象
    let content = (id,name) => ({id:id,name:name});
    console.log(content("1314520","卡卡西"));
    
    // 如果返回一个对象，那需要在对象两侧用小括号包裹
    let fn = (index_one,index_two) =>[index_one,index_two];
    console.log(fn(985,211));

    // 使用箭头函数的时候，不能当作构造函数，说白了，也就是不可以使用new命令
    // 箭头函数内的this对象
    
        function content(){
            setTimeout(function(){
                console.log(this.index);
            },3000)
        }
        var index = 985;
        content();
        
        function content(){
            setTimeout(()=>{
                console.log(this.index);
            },1000)
        }
        var index = 211;
        content();
        
        content.call({index:717});
        function Fn(){
            this.index_one = 0;
            this.index_two = 0;
            setInterval(()=> this.index_one++,1000);
            setInterval(function(){
                this.index_two++
            },1000)
        }
        var timer = new Fn();
        setTimeout(()=>console.log("index_one:",timer.index_one),3000);
        setTimeout(()=>console.log("index_two:",timer.index_two),3000);

        // Fn内部的箭头函数的this绑定时处于所在的作用域，也就是Fn
        // 第二个没有使用箭头函数这一种方法，this所处在的作用域是全局对象
        // 箭头函数让this指向固定，
    </script>

数组扩展

    <script>
        // Array.from()
        // 将对象转为真正的数组，类似数组的对象
        
        let arr = {
            "0":"卡卡西",
            "1":"鞠婧祎",
            "2":"我爱罗",
            length:3
        }
        console.log(arr);               //object
        console.log(Array.from(arr));   //Array
        // Array.of()将一组值，转换为数组
        console.log(Array.of(1,2,3,4,5,6,7,8,9,10));
        
        // copyWithin()在当前数组内部，将指定成员复制到其他位置，并且覆盖
        // 三个参数
        // 1.从该位置开始替换数据
        // 2.从该位置开始读取数据，默认是0
        // 3.到该位置停止读取数据，默认等于数组长度
        // 都是数字
        console.log([1,2,3,4,5].copyWithin(1,2,3));     //13345
        console.log([1,2,3,4,5,6].copyWithin(0,1));       //234566
    </script>