ES6写法小试

最新推荐文章于 2023-08-17 15:23:05 发布
最新推荐文章于 2023-08-17 15:23:05 发布
阅读量290 收藏
点赞数
分类专栏： html 文章标签： Promise ES6 封装AJAX
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shishuwei111/article/details/92618622
版权

试一试Promise ，好像挺不错的东西

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 

<script>
            /*
            2019-06-17
			Promise试写
            */
    function api() {}; //构造函数
    api.prototype = {
        get: function (params) {
			return new Promise(function(resolve, reject) {
				// 这里可以封装一个ajax请求 
				// $ajax({url:'',data: ... balabalabala ... })
				// $ajax成功调用resolve 失败或异常调用reject
				if(params.type == 1) {
					let res = {msg: 'success'}
					resolve(res)
				} else {
					let res = {msg: 'error'}
					reject(res)
				}
            });
        }
    }
	var api = new api();
	function clickTest(type){
		/* api.get({type: type}).then(
			function success(res){
				alert(res.msg)
			}
		).catch(
			function error(error){
				alert(error.msg)
			}
		) */ 
		// es6 写法更加简便
		api.get({type: type}).then((res) => {
			alert(res.msg)
		}).catch((error) => {
			alert(error.msg)
		}
		)
	}
</script>
 <body>
    <button onclick="clickTest(1)">测试then</button>
	<button onclick="clickTest(2)">测试catch</button>
 
 
</body>
</html>

 

a-shitou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React中ES5与ES6写法的区别总结
08-30
React中ES5与ES6写法的区别总结 在 React 中，ES5 和 ES6 两种写法是开发者最常用的两种方式。这两种方式有着很大的区别，了解这两种方式的区别对开发者来说非常重要。 首先，lets 看看模块引用。在 ES5 中，如果...
React.js中常用的ES6写法总结（推荐）
12-03
以下是一些React.js中常用的ES6写法： 1. **模块导入与导出**： - **引入模块**：使用`import`关键字，例如`import '模块文件地址'`用于引入全局模块，`import 组件名 from '模块文件地址'`用于引入特定组件。例如...
ES6的函数写法全部，一看就会！！！
2301_76766756的博客
08-17 536
5、箭头函数表达式更适用于那些本来就需要匿名函数的地方，但不能作为。1、箭头函数本身没有this指向，他的this指向他的上级关系。，rest参数展开运算来获取当前参数的数组；2、ES6规定了可以使用“箭头”来定义一个函数，语法更加简洁。3、箭头函数里是没有。6、箭头函数不能定义。
es6的一些简洁写法（代码优化）
weixin_47424249的博客
04-20 98
一、关于取值 取值在程序中非常常见，比如从对象obj中取值。 1 2 3 4 5 6 7 const obj = { a:1, b:2, c:3, d:4, e:5, } 吐槽 1 2 3 4 5 6 7 const a = obj.a; const b = obj.b; const c = obj.c; const d = obj.d; const e = obj.e; co
ES6的函数写法总结，一看就会！
qq_42909714的博客
10-24 1752
1.函数写法一 function sum(x,y){ return x+y; } const res = sum(2,3); console.log(res); 2.函数写法二 const sum2 = function(x,y) { return x+y; } console.log(sum2) 3.函数写法三（箭头函数） const sum3 = (x,y)=>{ return x+y; }//(参数)=>{方法体} console
【JavaScript高级篇】ES6
BMG-Princess
12-08 1730
目录 1、ES6语法：let和const 2、ES6变量赋值 3、ES6箭头函数 4、Promise构造函数 5、新增的实例方法：includes() ，startsWith() ，endsWith() 6、repeat() 7、padStart() padEnd() 8、rest参数（形式为“…变量名”） 9、扩展运算符（…） 10、字符串新增的方法 1、ES6语法：let和const 好处： let用来声明变量，类似于var，但是所声明的变量，只在let命令所在的代码块内有效
分享一些es6写法
qq_5的博客
07-18 2346
// 箭头函数 let f = a =&gt; a + 1; // 等价于 var f = function(a) { return a + 1; } // 模版字符串 let a = 'react' let s = `hello ${a}`; // hello react // 解构赋值 let [ lang, ...other ] = ['js', 'java', 'rea...
ES6 Object属性新的写法实例小结
10-16
主要介绍了ES6 Object属性新的写法,结合实例形式总结分析了ES6中object属性的常见简化写法,需要的朋友可以参考下
es6 的一些简单写法
weixin_42248522的博客
09-03 437
[25+ JavaScript Shorthand Coding Techniques](https://www.sitepoint.com/shorthand-javascript-techniques/) 1. **相当于指数 Math.pow(4,3); // 64 4**3 // 64 2. Math.floor(4.9) === 4 ~~4.9 === 4 //true...
React.js中常用的ES6写法总结
浩时代的博客
08-18 2万+
一 模块1 引入模块以便使用用import实现：import '模块文件地址' import 组件 from '模块文件地址'2 导出模块用export default实现：export default class MyComponent extends Component{ ... }引用：import MyComponent from './MyComponent';二 组件1 定义组件
ES5和ES6面向对象的写法
USTC-sparks
05-25 1326
面向对象：ES5： function User(name,age){ this.name = name; this.age = age; } User.prototype.showName=function(){ console.log(this.name); ...
es6 扩展运算符 三个点（...）
热门推荐
现在学习也不晚
11-29 27万+
1  含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [&lt;div&gt;, &...
javaScript基础 ES6高级语法
淡若清风
01-07 735
javascript 前端技术三剑客 1）html 展示页面 2）css 样式表，页面美化 这两个完成静态网站 3）javascript 和后台交互 这三个完成动态网站 javascript？ 针对web页面开发语言，脚本语言 鄙视链：c鄙视java，java鄙视.net c#，鄙视脚本 javascript sql 脚本（弱语言） 浏览器发展，移动端， javascript 弱语言 > es6标准（跳出脚本语言，迈向强语言） typescript 强语言 Vue主流 Vue3.0使用typescri
react中ES5与ES6的写法的区别
qq_36934775的博客
11-29 421
1.模块的引用： //ES5 var React=require('react); var {Component,PropTypes}=React;//引用React抽象组件 //ES6 import {Component,PropTypes} from 'react; 注意：在ES5中使用CommonJS标准，引入基本通过require 2.导出单个类即定义 //ES5 var MyCompon...
es6：箭头函数
小飞飞的博客
09-10 1371
先看一个普通函数:function add(a,b){ return a+b }add(2,2) //输出4箭头函数写法: add=(a,b)=>a+b add(2,2) //输出4总结一：箭头函数写法更简洁，省去了每次写function和renturn的关键词每个普通函数体内都有个this，而这个this指向的总是函数调用者，而箭头函数内部是没有this的，它
es6的箭头函数，function* , yeild详解
hnhygkx的博客
09-21 8451
var f = v => v*2;  借鉴思路与java8的lamada 表达式类似 ,写匿名函数。 // 等价于 var f = function(v){   return v*2; } // 判断偶数 var isEven = n => n % 2 == 0; // 需要加 return var = (a, b) => {   if(a >= b)     return a
es6 export的几种写法
qq_41818857的博客
04-16 2546
1、 export var name = 'lili'; var age = 20; function say(){ ​ return name+age; } export {name,age,say} 对应的import import {"name","age","say"} from './index.js' 2、 export export var name = "lili"; export var age = 20; export function say (){return name+age;
【ES6】“面向对象写法”和继承方式
汪小穆的博客
04-11 814
前言 : ES6引入了Class类的概念，作为对象的模板。这样js对于class类的概念，也更加规范化。   一、创建一个类 class Person{ constructor(name,age){ this.name = name; this.age = age; } showName(){ console.log('name: '+this.name...
es6 forEact写法
最新发布
11-25
ES6中的forEach()方法可以用于遍历数组中的每个元素，并对每个元素执行回调函数。以下是ES6 forEach()方法的示例： ```javascript let arr = [1, 2, 3, 4, 5]; arr.forEach((item, index) => { console.log(`元素 ${item} 的索引是 ${index}`); }); ``` 上述代码将输出以下内容： ``` 元素 1 的索引是 0 元素 2 的索引是 1 元素 3 的索引是 2 元素 4 的索引是 3 元素 5 的索引是 4 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值