js 匿名函数 中无法正常进行 异常捕获

简介: js 匿名函数 中无法正常进行 异常捕获

错误的写法

我尝试在匿名函数处直接进行异常捕获但是异常无法被正常抛出

$('#fuc1').click(function () {  直接写了 try{}catch{}  });


然后异常并没有被捕获,

我也不知道是我的写法错误,还是 匿名函数中,不支持太复杂的操作

因为函数中还使用了 promise 对象

正确的写法


调用处,写法

 // 两张图像合成
 $('#fuc1').click(function () { twoimgchange() });
 //图像镜像变换
 $('#fuc2').click(function(){ oneimgchange("Mirror",$('#img1'))});


函数定义

function twoimgchange() {
try{
         var p1 = getImageFileFromUrl($('#img1')[0].src, "img1.jpg")
      p1.then((file1) => {
          var p2 = getImageFileFromUrl($('#img2')[0].src, "img2.jpg")
          p2.then((file2) => {
              var formdata = new FormData();
              var blobimg1 = file1
              var blobimg2 = file2
              formdata.append('img1', blobimg1)
              formdata.append('img2', blobimg2)
              $.ajax({
                  cache: false,
                  type: 'POST',
                  // 根据表单id 生成数据
                  data: formdata,
                  url: "/dealimg/addtwoimg/",
                  traditional: true, //为必须内容   
                  //dataType:'json',  //data为json时必须
                  processData: false, //为必须内容
                  contentType: false, //为必须内容
                  success: function (data) {
                      {# data=JSON.parse(data);#}
                      {# console.log(typeof(data))#}
                      {#beforedivimg($('#dropBox'),"处理结果",data.resultimgurl)#}
                      var imgsrc = "data:image/jpeg;base64," + data;
                      beforedivimg($('#dropBox'), "处理结果", imgsrc)
                  },
                  beforeSend: function (xhr, settings) {
                      xhr.setRequestHeader("X-CSRFToken", '{{ csrf_token }}');
                  }
              });
          }).then(() => {})}).then(() => {})
  }catch (e) {
      alert("图片数量不足");
  }
}




相关文章
|
JavaScript 前端开发
认识JavaScript中的闭包和匿名函数
认识JavaScript中的闭包和匿名函数
78 0
|
前端开发 JavaScript Serverless
前端祖传三件套JavaScript的函数之匿名函数
在JavaScript中,函数是实现各种功能和业务逻辑的基本手段。除了常规的函数声明和函数表达式外,JavaScript还支持匿名函数的定义方式。在这篇文章中,我们将介绍JavaScript中的匿名函数,以及其使用方法和注意事项
110 0
|
JavaScript 前端开发
JavaScript函数篇之ES6箭头函数与匿名函数
对于箭头函数,this 关键字始终表示定义箭头函数的对象。
140 0
|
JavaScript 前端开发
重学JavaScript之匿名函数
重学JavaScript之匿名函数
|
存储 JavaScript 前端开发
到现在还有人不知道JavaScript匿名函数嘛
到现在还有人不知道JavaScript匿名函数嘛
180 0
到现在还有人不知道JavaScript匿名函数嘛
|
JavaScript 前端开发
javascript匿名函数
javascript匿名函数
|
JavaScript 前端开发 PHP
学习javaScript必知必会(1)~js介绍、函数、匿名函数、自调用函数、不定长参数
学习javaScript必知必会(1)~js介绍、函数、匿名函数、自调用函数、不定长参数
191 0
|
JavaScript 前端开发
理解下JavaScript中的匿名函数、自执行匿名函数
本文目录 1. 函数也是一种类型 2. 匿名函数 3. 自执行匿名函数 4. 小结
166 0
|
JavaScript 前端开发 程序员
好程序员前端教程之JavaScript闭包和匿名函数的关系详解
好程序员前端教程之JavaScript闭包和匿名函数的关系详解本文讲的是关于JavaScript闭包和匿名函数两者之间的关系,从匿名函数概念到立即执行函数,最后到闭包。下面一起来看看文章分析,希望你会喜欢。
1097 0