js实现自加1——Js 实现每次调用一个函数自动加1 & vue简单实现点击加1功能 & i++和++i的区别

最新推荐文章于 2024-04-29 05:32:37 发布

viceen

最新推荐文章于 2024-04-29 05:32:37 发布

阅读量3k

点赞数

分类专栏： js知识文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44867717/article/details/126579108

版权

js知识专栏收录该内容

152 篇文章 13 订阅

订阅专栏

js实现自加1——Js 实现每次调用一个函数自动加1 & vue简单实现点击加1功能 & i++和++i的区别

js中

var getId = (function () {
   var i = 0;
   return function () {
       return ++i;
   };
   
})();

console.log(getId()); 	// 1
console.log(getId());	// 2

html中

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        //这里选择自己的vue地址
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- v-model双向数据绑定 显示在输入框里 -->
			<input type="text" v-model="num"/>
			<!-- num++点击按钮加1 -->
			<button type="button" @click="num++">点击加1</button>
		</div>
	</body>
	<script type="text/javascript">
		var vm=new Vue({
			el:"#app",
			data(){
				return{
					num:1
				}
			}
		})
	</script>
</html>

vue中

<template>
 <el-button @click='add()'>
   点击自加1   
 </el-button>
</template>

<script>
export default{
    data(){
        return{
            num:0;
        }
    },
    methods:{
        add(){
            this.num++; // 点击自加1  或 ++this.num;
            console.log(this.num);  // 1 2 3 4 5...
        }
    }
}
</script>

i++和++i的区别

简单的来说，++i 和 i++,在单独使用时，就是 i=i+1。

如果有表达式 a = i++ 它等价于 a = i ; i = i + 1;

如果有表达式 a = ++i 它等价于 i = i + 1; a = i;

var a = i++;
// 等价于
var a = i;
var i = i+1;


var a = ++i;
// 等价于
var i = i+1;
var a = i;

viceen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录