13518219792
这篇文章主要介绍“es6静态属性和实例属性的区别有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“es6静态属性和实例属性的区别有哪些”文章能帮助大家解决问题。
创新互联是一家集网站建设,开化企业网站建设,开化品牌网站建设,网站定制,开化网站建设报价,网络营销,网络优化,开化网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
区别：1、静态属性是类自身的属性，只能在类自身调用，而实例属性是实例对象的属性；2、实例对象无法调用静态属性，但类可调用实例属性；3、静态属性只有一种声明方法，语法“类名.属性名=值”，而实例属性有多种声明方法，例类中用“属性名=值”定义。
本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。
静态的就是不会被实例继承的，是属于类自身的，实例继承不了，也调用不了，跟作用域一样。
静态属性：就是类自身的属性，只能在类自身调用，实例对象是无法调用到静态属性的，只能类自身调用，当然子类也可以调用父类的静态属性；
实例属性：就是实例的属性，实例对象可以调用的实例属性，记住实例是无法调用类的静态属性的，但是类可以调用实例属性；
声明静态属性：
就和普通的Object添加属性一样，object.a = 值;（目前唯一一种方法）；有人提议在类内部加static关键字，但是还没实现
class F{};
F.b="父类的静态属性";//给F类加静态方法声明静态方法：在方法前加上static关键字
class Foo {
static bar () {//静态方法 静态方法中的this指向类本身而不是实例
this.baz();
}
static baz () {//静态方法
console.log('hello');
}
}
Foo.bar() // hello
new Foo().bar();//实例调用不了，会报错声明实例属性：
1，在类中定义
class MyClass {
myProp = 42;
constructor(props) {
console.log(this.myProp); // 42
this.name=props.name
}
}
//上面代码中，myProp就是MyClass的实例属性。在MyClass的实例上，可以读取这个属性。2，在constructor中定义（react中经典写法）
class ReactCounter extends React.Component {
constructor(props) {
super(props);//可以让子类继承
this.state = {
count: 0
};
}
}
//等价于
class ReactCounter extends React.Component {
state = {
count: 0
};
}静态属性和实例属性的区别总结：
静态属性是类自身的属性，只能在类自身调用；而实例属性是实例对象的属性，可以被实例对象调用。
实例对象是无法调用到静态属性的，只能类自身调用；而类可以调用实例属性。
静态属性只有一种声明方法，而实例属性有多种声明方法。
实例属性定义在实例上，可以在构造函数的内部的this上进行定义，也可以在构造函数实例化以后的实例上进行定义。
静态属性，定义在构造函数之上的属性。可通过构造函数直接访问。
关于“es6静态属性和实例属性的区别有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。
