`
cavenaghi
  • 浏览: 13972 次
  • 性别: Icon_minigender_1
  • 来自: 辽宁抚顺
最近访客 更多访客>>
社区版块
存档分类
最新评论

遇到prototyte一个很怪异的问题,大家一起讨论一下(已解决,总结一下)

阅读更多
function Test(url) {
	this.url = url;
	this.str = "want to save responseText";
}

Test.prototype.test = function () {
	alert(this.url); //可以访问到
	alert(this.str); //可以访问到
	var ajax = new Ajax.Request(
		this.url,{	
			method: "get",
			parameters: "time=" +  new Date().getTime(),
			onSuccess: function(req){
				alert(this.url); //可以访问到
				alert(this.str); //无法访问到
				//this.str = responseText; //期待的操作无法执行
			}
		}
	);
};

Event.observe(window, "load", pageLoad, false);
					
var url = "a action url";

function pageLoad(){
         var t = new Test(url);
	t.test();
}


在这里我创建一个页面,并导入了prototype,和上面这段代码.并注册页面的初始化事件
初始化事件只是创建一个我自定义的对象,并调用其中的一个方法

而当我调用这个方法的时候,

alert(this.url);
alert(this.str);
这些都可以正常访问

而在new Ajax.Request内部,却只能访问到this.url.无法访问this.str

===================================================================

上面是问题的阐述,在cozone_柯中和7thbyte的热心帮助下,终于找到了问题的解决方案

===================================================================

首先,在prototype中加入下列代码
var ClassUtils=Class.create();

ClassUtils.prototype={
        _ClassUtilsName:'ClassUtils',

        initialize:function(){
        },

        /**
         * 给类的每个方法注册一个对类对象的自我引用
         * @param reference 对类对象的引用
         */
        registerFuncSelfLink:function(reference){
                for (var n in reference) {
                var item = reference[n];                        
                if (item instanceof Function)
					item.$ = reference;
            }
        }
}


接着写我新的Test类
function Test(url) {
	this.url = url;
	this.str = "want to save responseText";
	new ClassUtils().registerFuncSelfLink(this);
}

Test.prototype.test = function () {
	var funcHolder=arguments.callee.$;
	alert(this.url); //可以访问到
	alert(this.str); //可以访问到
	var ajax = new Ajax.Request(
		this.url,{	
			method: "get",
			parameters: "time=" +  new Date().getTime(),
			onSuccess: function(req){
				alert(funcHolder.url); //可以访问到
				alert(funcHolder.str); //可以访问到
				funcHolder.str = responseText; //期待的操作可执行
			}
		}
	);
};

Event.observe(window, "load", pageLoad, false);
					
var url = "a action url";
vat t = new Test(url);//这次把作用域扩大一下

function pageLoad(){
	t.test();//可以了
}
function getTest(){
	alert(t.str);//可以随时察看一下,确实改变了,呵呵
}


======================================================================

至此再次对cozone_柯中和7thbyte的热心帮助表示感谢

======================================================================

6月21号增加:

以上的解决方案太依赖于prototyte了,其实在平时的应用中this指针也是经常遇到的问题

现在将这部分独立出来,也可以解决了
<script language="javascript">
function registerSelf(reference){
                for (var n in reference) {
                var item = reference[n];                        
                if (item instanceof Function)
					item.$ = reference;
            }
        }

var Book = function(){
	this.name = "book";
}

Book.prototype = {
	main : function(){
		alert(9);
	}
}

var Car = function(name){
	this.name = name;
	registerSelf(this)
}
Car.prototype = {
	getName : function(){
		var book = new Book();
		book.main();
		var self = arguments.callee.$; 
		alert(self.name)
		book.main = function(){
			alert(self.name);
		}
		book.main();
	}
}

function main(){
	var car = new Car("boya");
	car.getName();
}
</script>

<a href="#" onClick="main();">do</a>


======================================================================
分享到:
评论
17 楼 campaign 2007-07-31  
function Test(url) {   
    this.url = url;   
    this.str = "want to save responseText";   
}   
  
Test.prototype.test = function () {   
    alert(this.url); //可以访问到   
    alert(this.str); //可以访问到   
   new Ajax.Request(   
        this.url,{     
            method: "get",   
            parameters: "time=" +  new Date().getTime(),   
            onSuccess: function(req){   
                alert(this.url); //可以访问到   
                alert(this.str); //无法访问到   
                //this.str = responseText; //期待的操作无法执行   
            }.bind(this)
           );   
};   
  
Event.observe(window, "load", pageLoad, false);   
                       
var url = "a action url";   
  
function pageLoad(){   
         var t = new Test(url);   
    t.test();   
}   


ok 了可以访问了,干吗说的那么复杂,不理解
16 楼 笨笨狗 2007-07-31  
其实,最简单的办法,还是把回调函数提取出来,作为对象的一个实例方法,然后用Prototype提供的bind方法来把this指针绑定到需要的对象上,具体的可以参看我以前写过的一篇文章,注意看中间那一段提到的“ Prototype为Function对象扩展了一个bind方法和bindAsEventListener方法,可以很方便的将函数上下文(this)切换为别的对象……”<br/>
<br/>
<a href='http://scriptfans.iteye.com/blog/80298'> AJAX表格分页模板:探讨基于Prototype框架的javascript面向对象设计(中)</a><br/>
<br/>
这样不需要任何hack就能达到目的,何乐而不为呢?
15 楼 cdmar79 2007-07-30  
function handler(req){  
    alert(this.url);     
    alert(this.str);     


function handler(req){  
    alert(req.url);     
    alert(req.str);     

可以吗?
14 楼 superwen 2007-06-21  
cozone_柯中 写道
7thbyte 写道
搜索到了,相当好的解决方法

原文见:
Prototype.AjaxRequest的调用堆栈重写问题

对于这个帖子讨论的代码,可以这样修改

先在prototype.js的基础上实现一个ClassUtils类,定义如下方法

var ClassUtils=Class.create();
ClassUtils.prototype={
        _ClassUtilsName:'ClassUtils',
        initialize:function(){
        },
        /**
         * 给类的每个方法注册一个对类对象的自我引用
         * @param reference 对类对象的引用
         */
        registerFuncSelfLink:function(reference){
                for (var n in reference) {
                var item = reference[n];                        
                if (item instanceof Function) 
                                item.$ = reference;
            }
        }
}


然后此帖中的程序原来的代码改为:

function Test(url) {  
    this.url = url;  
    this.str = "responseText";
	new ClassUtils().registerFuncSelfLink(this);
}
  
Test.prototype = new Object();  
  
Test.prototype.test = function (tobj) {  
    //alert(tobj.url);  
    //alert(tobj.str);
    var funcHolder=arguments.callee.$;
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete:function(req){
                alert(funcHolder.url);  
                alert(funcHolder.str);
                funcHolder.str=req.responseText;
            }
        }   
    ); 
};


就没有什么问题了,我已经测试过


这个方法还是挺不错的


很强了.赞一个先.
13 楼 hozaka 2007-04-03  
this 指针指向的对象不一样,在 Test 类里 this 指向 test 类的实例,而 onSuccess 则是用 prototype 的 bind 绑在 ajax.request 类的实例,变量的作用域不同,因此不能访问
12 楼 cozone_柯中 2007-04-02  
7thbyte 写道
搜索到了,相当好的解决方法

原文见:
Prototype.AjaxRequest的调用堆栈重写问题

对于这个帖子讨论的代码,可以这样修改

先在prototype.js的基础上实现一个ClassUtils类,定义如下方法

var ClassUtils=Class.create();
ClassUtils.prototype={
        _ClassUtilsName:'ClassUtils',
        initialize:function(){
        },
        /**
         * 给类的每个方法注册一个对类对象的自我引用
         * @param reference 对类对象的引用
         */
        registerFuncSelfLink:function(reference){
                for (var n in reference) {
                var item = reference[n];                        
                if (item instanceof Function) 
                                item.$ = reference;
            }
        }
}


然后此帖中的程序原来的代码改为:

function Test(url) {  
    this.url = url;  
    this.str = "responseText";
	new ClassUtils().registerFuncSelfLink(this);
}
  
Test.prototype = new Object();  
  
Test.prototype.test = function (tobj) {  
    //alert(tobj.url);  
    //alert(tobj.str);
    var funcHolder=arguments.callee.$;
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete:function(req){
                alert(funcHolder.url);  
                alert(funcHolder.str);
                funcHolder.str=req.responseText;
            }
        }   
    ); 
};


就没有什么问题了,我已经测试过


这个方法还是挺不错的
11 楼 cavenaghi 2007-04-02  
先谢谢了,其实我只是想把异步读取来的数据,和一些操作,都封装到一个类里来完成,可刚写了一点就遇到了这个问题
10 楼 7thbyte 2007-04-02  
搜索到了,相当好的解决方法

原文见:
Prototype.AjaxRequest的调用堆栈重写问题

对于这个帖子讨论的代码,可以这样修改

先在prototype.js的基础上实现一个ClassUtils类,定义如下方法

var ClassUtils=Class.create();
ClassUtils.prototype={
        _ClassUtilsName:'ClassUtils',
        initialize:function(){
        },
        /**
         * 给类的每个方法注册一个对类对象的自我引用
         * @param reference 对类对象的引用
         */
        registerFuncSelfLink:function(reference){
                for (var n in reference) {
                var item = reference[n];                        
                if (item instanceof Function) 
                                item.$ = reference;
            }
        }
}


然后此帖中的程序原来的代码改为:

function Test(url) {  
    this.url = url;  
    this.str = "responseText";
	new ClassUtils().registerFuncSelfLink(this);
}
  
Test.prototype = new Object();  
  
Test.prototype.test = function (tobj) {  
    //alert(tobj.url);  
    //alert(tobj.str);
    var funcHolder=arguments.callee.$;
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete:function(req){
                alert(funcHolder.url);  
                alert(funcHolder.str);
                funcHolder.str=req.responseText;
            }
        }   
    ); 
};


就没有什么问题了,我已经测试过
9 楼 7thbyte 2007-04-02  
暂时想了一个不是很好的解决方法,应该能满足需求,不过写法不漂亮

给test方法给一个参数,而不是直接取this

Test.prototype.test = function (tobj) {  
    //alert(tobj.url);  
    //alert(tobj.str);  
    var ajax = new Ajax.Request(  
        tobj.url,{    
            method: "post",  
            parameters: "time=" +  new Date().getTime(),  
            onComplete: function(req){  
                alert(tobj.url);  
                alert(tobj.str);
                tobj.str=req.responseText;
            }  
        }  
    );  
}; 


使用test的时候像这样

	t.test(t);


简单分析了下
prototype.js里面的Ajax.Request类的options参数里的
onXXX系列在对象构造时的处理都是用它自定义的Function.bind()方法去绑定
过程中可能出现一些未知问题,所以this引用的指向有变化
所以原来的写法访问不到
8 楼 cavenaghi 2007-04-02  
cozone_柯中 写道
7thbyte 写道
刚才我弄错了,sorry

按我的理解 楼主的代码就相当于
Test.prototype.test = function () {   
    alert(this.url);   
    alert(this.str);   
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete: handler
        }   
    );   
};

function handler(req){
    alert(this.url);   
    alert(this.str);   
}


两个都访问不到应该是正常的

事实上就连url也访问不到
能alert出来是因为楼主的程序25行把url定义为全局变量了,两个变量名重复,假象


Ajax.Request 里面有个url属性.是可以正常访问到的


其实我的代码就是这样写的,我是想把读到的responseText保存到this.str里,但我发现在handler里读不到this.str,更谈不上赋值了!
大家帮我看看,怎么样能访问到this.str,并且将responseText的值赋给它
7 楼 7thbyte 2007-04-02  
cozone_柯中 写道
7thbyte 写道
刚才我弄错了,sorry

按我的理解 楼主的代码就相当于
Test.prototype.test = function () {   
    alert(this.url);   
    alert(this.str);   
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete: handler
        }   
    );   
};

function handler(req){
    alert(this.url);   
    alert(this.str);   
}


两个都访问不到应该是正常的

事实上就连url也访问不到
能alert出来是因为楼主的程序25行把url定义为全局变量了,两个变量名重复,假象


Ajax.Request 里面有个url属性.是可以正常访问到的


handler里面的此this.url并不是Ajax.Request里的url

实验一下,把
var url = "a action url";  
   
function pageLoad(){  
     var t = new Test(url);  
     t.test();  
}


全局变量去了,改成

function pageLoad(){  
     var t = new Test("a action url");  
     t.test();  
}


最后的两个alert结果都是undefined
6 楼 cozone_柯中 2007-04-02  
7thbyte 写道
刚才我弄错了,sorry

按我的理解 楼主的代码就相当于
Test.prototype.test = function () {   
    alert(this.url);   
    alert(this.str);   
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete: handler
        }   
    );   
};

function handler(req){
    alert(this.url);   
    alert(this.str);   
}


两个都访问不到应该是正常的

事实上就连url也访问不到
能alert出来是因为楼主的程序25行把url定义为全局变量了,两个变量名重复,假象


Ajax.Request 里面有个url属性.是可以正常访问到的
5 楼 7thbyte 2007-04-02  
刚才我弄错了,sorry

按我的理解 楼主的代码就相当于
Test.prototype.test = function () {   
    alert(this.url);   
    alert(this.str);   
    var ajax = new Ajax.Request(   
        this.url,{     
            method: "post",   
            parameters: "time=" +  new Date().getTime(),   
            onComplete: handler
        }   
    );   
};

function handler(req){
    alert(this.url);   
    alert(this.str);   
}


两个都访问不到应该是正常的

事实上就连url也访问不到
能alert出来是因为楼主的程序25行把url定义为全局变量了,两个变量名重复,假象
4 楼 shiweiwei97 2007-04-02  
不太会用这个标签,不能嵌套吗?

Test.prototype.test = function () {  
    alert(this.url);  
    alert(this.str);
	var url = this.url;
	var str = this.str;
    var ajax = new Ajax.Request(  
        this.url,{    
            method: "post",  
            parameters: "time=" +  new Date().getTime(),  
            onSuccess: function(req){  
                alert(url);  
                alert(str);  
            }  
        }  
    );  
};  
3 楼 shiweiwei97 2007-04-02  
试试这样
Test.prototype.test = function () {  
    alert(this.url);  
    alert(this.str);
	[b]var url = this.url;
	var str = this.str;
[/b]    var ajax = new Ajax.Request(  
        this.url,{    
            method: "post",  
            parameters: "time=" +  new Date().getTime(),  
            onSuccess: function(req){  
 [b]               alert(url);  
                alert(str);  
[/b]            }  
        }  
    );  
};  
2 楼 cavenaghi 2007-04-02  
怎么样能访问到Test里的this.str?
1 楼 cozone_柯中 2007-04-02  
引用


var ajax = new Ajax.Request(  
        this.url,{    
            method: "post",  
            parameters: "time=" +  new Date().getTime(),  
            onSuccess: function(req){  
                alert(this.url);  
                alert(this.str);  
            }  
        }  
    );  



作用域的问题,你在里面访问的 this.url 是 这个Ajax.Request对象的属性 并不是 Test的

相关推荐

    ysoserial-master.zip

    ysoserial是一个用于生成利用不安全的Java对象反序列化的有效负载的概念验证工具。它包含一系列在常见Java库中发现的"gadget chains",可以在特定条件下利用执行不安全的反序列化操作的Java应用程序。ysoserial项目最初在2015年AppSecCali会议上提出,包含针对Apache Commons Collections(3.x和4.x版本)、Spring Beans/Core(4.x版本)和Groovy(2.3.x版本)的利用链

    zigbee CC2530无线自组网协议栈系统代码实现协调器与终端的TI Sensor实验和Monitor使用.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-自卸卡车-挖掘机-轮式装载机数据集-2644张图像带标签-自卸卡车-挖掘机-轮式装载机.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    Oracle10gDBA学习手册中文PDF清晰版最新版本

    **Oracle 10g DBA学习手册:安装Oracle和构建数据库** **目的:** 本章节旨在指导您完成Oracle数据库软件的安装和数据库的创建。您将通过Oracle Universal Installer (OUI)了解软件安装过程,并学习如何利用Database Configuration Assistant (DBCA)创建附加数据库。 **主题概览:** 1. 利用Oracle Universal Installer (OUI)安装软件 2. 利用Database Configuration Assistant (DBCA)创建数据库 **第2章:Oracle软件的安装与数据库构建** **Oracle Universal Installer (OUI)的运用:** Oracle Universal Installer (OUI)是一个图形用户界面(GUI)工具,它允许您查看、安装和卸载机器上的Oracle软件。通过OUI,您可以轻松地管理Oracle软件的安装和维护。 **安装步骤:** 以下是使用OUI安装Oracle软件并创建数据库的具体步骤:

    消防验收过程服务--现场记录表.doc

    消防验收过程服务--现场记录表.doc

    (4655036)数据库 管理与应用 期末考试题 数据库试题

    数据库管理\09-10年第1学期数据库期末考试试卷A(改卷参考).doc。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    YOLO算法-瓶纸盒合并数据集-3161张图像带标签-纸张-纸箱-瓶子.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    职业暴露后的处理流程.docx

    职业暴露后的处理流程.docx

    Java Web开发短消息系统

    Java Web开发短消息系统

    java毕设项目之ssm基于java和mysql的多角色学生管理系统+jsp(完整前后端+说明文档+mysql+lw).zip

    项目包含完整前后端源码和数据库文件 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    批量导出多项目核心目录工具

    这是一款可以配置过滤目录及过滤的文件后缀的工具,并且支持多个项目同时输出导出,并过滤指定不需要导出的目录及文件后缀。 导出后将会保留原有的路径,并在新的文件夹中体现。

    【图像压缩】基于matlab GUI DCT图像压缩(含MAX MED MIN NONE)【含Matlab源码 9946期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    操作系统实验 Ucore lab5

    操作系统实验 Ucore lab5

    IMG_5950.jpg

    IMG_5950.jpg

    竞选报价评分表.docx

    竞选报价评分表.docx

    java系统,mysql、springboot等框架

    java系统,mysql、springboot等框架

    zigbee CC2530网关+4节点无线通讯实现温湿度、光敏、LED、继电器等传感节点数据的采集上传,网关通过ESP8266上传远程服务器及下发控制.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-快递衣物数据集-496张图像带标签.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业

    内容概要:本文详细讲解了搜索引擎的基础原理,特别是索引机制、优化 like 前缀模糊查询的方法、建立索引的标准以及针对中文的分词处理。文章进一步深入探讨了Lucene,包括它的使用场景、特性、框架结构、Maven引入方法,尤其是Analyzer及其TokenStream的实现细节,以及自定义Analyzer的具体步骤和示例代码。 适合人群:数据库管理员、后端开发者以及希望深入了解搜索引擎底层实现的技术人员。 使用场景及目标:适用于那些需要优化数据库查询性能、实施或改进搜索引擎技术的场景。主要目标在于提高数据库的访问效率,实现高效的数据检索。 阅读建议:由于文章涉及大量的技术术语和实现细节,建议在阅读过程中对照实际开发项目,结合示例代码进行实践操作,有助于更好地理解和吸收知识点。

Global site tag (gtag.js) - Google Analytics