class Chameleon { static colorChange(newColor) { this.newColor = newColor; } constructor({ newColor = "green" } = {}) { this.newColor = newColor; } } const freddie = new Chameleon({ newColor: "purple" }); freddie.colorChange("orange");
-
A:
orange
-
B:
purple
-
C:
green
-
D:
TypeError
colorChange
方法是静态的。 静态方法仅在创建它们的构造函数中存在,并且不能传递给任何子级。 由于freddie
是一个子级对象,函数不会传递,所以在freddie
实例上不存在freddie
方法:抛出TypeError
。
答案: D
练习
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title></title> 9 </head> 10 11 <body> 12 <div id="div">2233</div> 13 </body> 14 15 </html> 16 <script type="text/javascript"> 17 class Chameleon { 18 static colorChange(newColor) { 19 this.newColor = newColor; 20 return this.newColor 21 } 22 constructor({ newColor = "green" } = {}) { 23 this.newColor = newColor; 24 } 25 } 26 const freddie = new Chameleon({ newColor: "purple" }); 27 console.log(freddie) 28 console.log(Chameleon.colorChange(freddie.newColor)) 29 freddie.colorChange("orange"); 30 </script>
个人总结:
这里主要是查看对于类的静态方法的调用,文档的说明是:static
关键字用来定义一个类的一个静态方法。调用静态方法不需要实例化该类,但不能通过一个类实例调用静态方法。静态方法通常用于为一个应用程序创建工具函数。通俗来说就是:不能通过一个类实例调用静态方法
文档中的案例:
class Point { constructor(x, y) { this.x = x; this.y = y; } static distance(a, b) { const dx = a.x - b.x; const dy = a.y - b.y; return Math.hypot(dx, dy); } } const p1 = new Point(5, 5); const p2 = new Point(10, 10); console.log(Point.distance(p1, p2));
文档
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes