首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

UML的视觉符号:深入了解棒棒糖、箭头和菱形表示

在面向对象的编程和设计,统一建模语言(UML)是一个非常重要的工具,用于可视化、规范化和记录设计决策。...本文将介绍UML中一些常见的视觉符号,包括棒棒糖表示法、箭头表示法以及菱形表示法,帮助我们更好地理解和应用这些符号。 棒棒糖表示法:实现接口 在UML,棒棒糖表示法用于表示一个类实现了一个接口。...箭头表示法:指示继承和依赖 在UML箭头表示法用于表示类之间的关系,如继承、实现接口、依赖等。 如果一个类继承了另一个类,我们可以用一条带有空心箭头的直线表示箭头指向父类。...如果一个类实现了一个接口,我们可以用一条带有空心箭头的虚线表示箭头指向接口。 如果一个类依赖于另一个类,我们可以用一条带有实心箭头的虚线表示箭头指向被依赖的类。...箭头表示法可以清晰地表示出类之间的各种关系,使我们能够一目了然地看到类的继承、实现和依赖关系。 菱形表示法:聚合和组合 在UML,菱形表示法用于表示聚合和组合关系。

68030
您找到你想要的搜索结果了吗?
是的
没有找到

Js箭头函数

Js箭头函数 箭头函数是ES6新增的语法,提供了一种更加简洁的函数书写方式,类似于匿名函数,并且简化了函数定义。 完整写法 完整写法类似于匿名函数,省略了function关键字。...this,在箭头函数的函数体中使用this时,会取得其上下文context环境的this。...由于箭头函数没有自己的this指针,使用apply、call、bind仅能传递参数而不能动态改变箭头函数的this指向。...this指向,所以指向contextObj对象 s2为普通函数,可以改变this指向,所以this指向了调用者 */ 利用箭头函数的this指向特点可以解决一些问题,例如常见的回调函数this指向问题...var s = () => {}; console.log(s.prototype); // undefined 不能用作函数生成器 箭头函数不能用作Generator,yield关键字通常不能在箭头函数中使用

4.9K20

js箭头函数

箭头函数 箭头函数表达式没有自己的this,arguments,super或new.target。...引入箭头函数作用 引入箭头函数的作用:更简短的函数并且不绑定this 更简短的函数 let sum = (x,y,z) => { return x+y+z; } 不绑定this 在箭头函数出现之前,每个新定义的函数都有他自己的...(在构造函数的情况下是一个新对象,在严格模式的函数调用为 undefined,如果该函数被作为“对象方法”调用则为基础对象等)。...(箭头函数若用了this,这个this指向包裹箭头函数的第一个普通函数的 this。) 不绑定arguments 大多数情况下,使用剩余参数是相较于arguments对象的更好选择。...箭头函数不能使用new操作符 箭头函数不能用作构造器,和 new一起用会抛出错误。

4.4K10

js 箭头函数详解

认识箭头函数 es6 新增了使用胖箭头(=>)语法定义函数表达式的能力,很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。...省略包含函数体的大括号 箭头函数也可以不用大括号,但这样会改变函数的行为。使用大括号就说明包含“函数体”,可以在一个函数包含多条语句,跟常规的函数一样。...(1, 2); // Uncaught ReferenceError: arguments is not defined 虽然箭头函数没有 arguments 对象,但可以在包装函数把它提供给箭头函数...箭头函数this 指向 let num = 11; const obj1 = { num: 22, fn1: function() { let num = 33;...console.log(this.num); } } obj2.fn2(); } } obj1.fn1(); // 22 fn2得到的结果为

1.2K10

Js箭头函数

箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。 箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。...elements.map(function(element) { return element.length; }); // 返回数组:[8, 6, 7, 9] // 上面的普通函数可以改写成如下的箭头函数...elements.map((element) => { return element.length; }); // [8, 6, 7, 9] // 当箭头函数只有一个参数时,可以省略参数的圆括号...elements.map(element => { return element.length; }); // [8, 6, 7, 9] // 当箭头函数的函数体只有一个 `return` 语句时...,可以省略 `return` 关键字和方法体的花括号 elements.map(element => element.length); // [8, 6, 7, 9] 在这个例子,因为我们只需要 length

1.5K10

JS 语法糖 1 —— 箭头函数

文章目录 1.语法 2.用法 3.注意 4.不适用场合 5.嵌套的箭头函数 参考文献 1.语法 从 ECMAScript 6 开始,JS 新增了一种新的函数:箭头函数(Arrow Function)。...let foo = () => { a: 1 }; foo() // undefined 上面代码,原始意图是返回一个对象{ a: 1 },但是由于引擎认为大括号是代码块,所以执行了一行语句a: 1。...箭头函数体内的 this 对象,就是定义时所在的对象,而不是使用时所在的对象。所以普通函数 this 对象的指向是可变的,但是在箭头函数,它是固定的。...{ console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码,...上面代码,obj.b() 方法是一个箭头函数,本意是想输出对象 obj 属性 i 的值,结果由于 this 指向全局对象 Window,输出了错误的结果。

2K10

通过vue.js 学习来总结es6语法箭头函数,箭头函数原理分析。

因为它的定义用的就是一个箭头: x => x * x 上面的箭头函数相当于: function (x) { return x * x; } 箭头函数相当于匿名函数,并且简化了函数定义。...由于this在箭头函数已经按照词法作用域绑定了,所以,用call()或者apply()调用箭头函数时,无法对this进行绑定,即传入的第一个参数被忽略: var obj = { birth:...test <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.<em>js</em>...// alert(this) // var fn = ()=>{ // this.msg ="222" // console.log(this) //箭头函数...) // } //---总结--- //箭头函数一般用于函数嵌套时,防止this指向变化,在箭头函数 //this的指向一直是外层对象,即廖雪峰大神说的“箭头函数完全

1.5K20
领券