JSON对象使用场景以及this 关键字的几个方法

时间：2019-08-30 23:04:57 阅读：130 评论：0 收藏：0 [点我收藏+]

标签：log 实参 and data fence script cto call() val

JSON对象

JSON.stringify 将 json或者json数组转换成字符串json

JSON.parse 是将 json 格式的字符串转换为 js 的对象或者数组

var obj = {
  name: ‘Jack‘,
  age: 18,
  gender: ‘男‘
}
var arr = [
  {
    name: ‘Jack‘,
    age: 18,
    gender: ‘男‘
  },
  {
    name: ‘Jack‘,
    age: 18,
    gender: ‘男‘
  },
  {
    name: ‘Jack‘,
    age: 18,
    gender: ‘男‘
  }
]
?
var jsonObj = JSON.stringify(obj)
var jsonArr = JSON.stringify(arr)
?
console.log(jsonObj)
console.log(jsonArr)
?
对象深克隆
        var obj = {
                a:10,
                b:20,
                c:{
                    a:10
                }
            };
            var obj2 = JSON.parse(JSON.stringify(obj));
            console.log(obj2);
            obj2.c.a=20;
            alert(obj.c.a);//10

jsonObj 就是 json 格式的对象字符串
jsonArr 就是 json 格式的数组字符串

使用场景：

1，对象的深克隆

2，缓存的存储

3，前后台数据传输解析

this 关键字主要用于函数中不同的场景下指向不同

            //普通函数  window
            
            function fn(){
                console.log(this);
            }
            fn(); //window
        
            //事件函数  指向事件源
            var btn = document.querySelector(‘button‘);
            btn.onclick = function(){
                console.log(this);//button  事件源
            }
            //定时器 中也是window
            setInterval(function(){
                console.log(this); //window
            },1000);
            
            //预保留this
            //事件函数中嵌套了内层函数，需要在内层函数中使用this得到事件源(this指向window)
            var btn = document.querySelector(‘button‘);
            btn.onclick = function(){
                var _this = this;
                setInterval(function(){
                    console.log(_this);
                },1000);
            }
            //this在对象的方法中，指向 调用这个方法的对象
            var  obj ={
                name:"小明",
                act:function(){
                    console.log(this.name);
                },
                c:{
                    name:"小红",
                    b:function(){
                        console.log(this.name);
                    }
                }
            }
            obj.act();
            obj.c.b();

call() apply() bind() 可以改变this在函数中的指向

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        
        <script>
            
            function fn(){
                console.log(this);
                console.log( arguments );
            }
//          fn.call();
//          fn.call(2);
            fn.call(2,3,4,5,6);
            
            /*
             call
             1,没有参数fn.call()  就相当于函数调用
             2,有参数
                第一个参数，就是这个函数调用时的this指向，从第二个参数开始，会当做实参传入
             * */
            function fn(){
                console.log(this);
                console.log( arguments );
            }
//          fn.apply();
//          fn.apply(2);
            fn.apply(2,[3,4,5,6]);
            /*
             apply
             没有参数：fn.apply() 相当于函数调用
             有参数
                第一个参数是函数调用时的this指向，只有两个参数，第二个参数，必须是数组，会将数组解析出来，数组的每个元素都会当成一个实参传入
             * */
        </script>
        
    </body>
</html>
?

bind方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function fn(){
                console.log(this);
            }
            var fn2 = fn.bind(2);
            fn2();
            /*
             bind调用，返回一个函数副本，这个函数副本中的this指向，指向了bind调用时穿的参数
             * */
        </script>
    </body>
</html>
?

JSON对象使用场景以及this 关键字的几个方法

标签：log 实参 and data fence script cto call() val

原文地址：https://www.cnblogs.com/cxf1214/p/11437434.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

JSON对象使用场景以及this 关键字的几个方法

JSON对象

JSON.stringify 将 json或者json数组转换成字符串json

this 关键字 主要用于函数中 不同的场景下 指向不同

call() apply() bind() 可以改变this在函数中的指向

bind方法

this 关键字主要用于函数中不同的场景下指向不同