当前位置: 首页 > wzjs >正文

怎么宣传自己新开的店铺官方进一步优化

怎么宣传自己新开的店铺,官方进一步优化,菏泽郓城网站建设,宿迁建设企业网站前言: 你可能会说,js创建对象谁不会啊,不是有手就行!但是你了解每种创建对象的方式有什么不同吗?他们有没有优劣之分?在es6推出class之前,又有哪些创建对象的方式,经历了哪些发展呢…

前言:

你可能会说,js创建对象谁不会啊,不是有手就行!但是你了解每种创建对象的方式有什么不同吗?他们有没有优劣之分?在es6推出class之前,又有哪些创建对象的方式,经历了哪些发展呢?

【普通字面量模式】

let person1 ={name:'zhangsan',age:18,sayName(){console.log(this.name)}
}let person2 ={name:'lisi',age:19,sayName(){console.log(this.name)}
}

这种模式,别的缺点先不提,显著的劣势就是代码冗余严重,每创建一个对象就要将相同代码重写一遍。

【工厂函数模式】

function createPerson(name,age){return {name,age,sayName(){console.log(this.name)}
}let person1=createPerson('zhangsan',18)
let person2=createPerson('lisi',19)

解决了代码冗余问题,通过传参创建不同的对象。这种模式最大的缺点是什么呢?就是创建出来的对象没有类型标识。

【构造函数模式】

function Person(name,age){this.name=name;this.age=age;this.sayName=function(){console.log(this.name)}
}
let person1=new Person('zhangsan',18)
let person2=new Person('lisi',19)

这样,解决了工厂函数模式创建对象没有类型标识的问题。

通过new 关键字,调用构造函数,发生了哪些事情呢?

1、首先,会创建一个空对象{}

2、让这个空对象的__proto__指向Person.prototype

3、让this指向这个空对象

4、执行构造函数内部的代码,给空对象添加相应的属性和方法

5、如果构造函数返回了引用类型的值,则将该引用类型值返回,否则,将前面初始化的对象返回

注意问题:

构造函数也是函数,他和普通函数本质上是一样的,只是通过new关键字调用,他便被赋予了构造函数的意义。假如上面的Person函数没有通过new关键字调用会怎么样呢?答案是添加的属性和方法会被挂在全局对象window上,因为函数内部的this指向window对象。因此,构造函数首字母一般大写(虽然也没啥用),用以区分普通函数和构造函数。到了es6,出现了箭头函数,就是用以解决函数的二义性问题,因为他不能用new关键字调用,就不能作为构造函数。

构造函数的问题?

难道使用构造函数方式创建对象就是完美的吗?不是的,通过构造函数创建出来的对象都有自己的方法,虽然他们实现的功能都是一样的?但是他们都有自己独立的引用,占着独立的内存。这就是构造函数创建对象的问题。

有人提出过这样的解决方法:

function sayName(){console.log(this.name);
}
function Person(name,age){this.name=name;this.age=age;this.sayName=sayName;
}

把方法的定义提到构造函数外部的全局作用域中,这样,创建出来的对象实例引用的就是同一块内存空间的方法了。看似挺好,但是也污染了全局。如果一个实例有多个方法,代码不容易很好的放在一起。

【原型模式】

function Person(name,age){this.name=name;this.age=age;
}
Person.prototype.sayName=function(){console.log(this.name)
}
let person1=new Person('zhangsan',18)
let person2=new Person('lisi',19)// console.log(person1)
person1.sayName()

原型就是为了在对象实例间共享属性和方法而诞生的。以上,解决了构造函数的问题,他把需要共享的方法和属性放在了一个对象上(原型对象),也不会污染全局作用域。

关于原型的理解和原型的注意点,这几天我将重新写一篇文章,可以关注我的动态。

【class类模式】

class Person{constructor(name,age){this.name=name;this.age=age;}sayName(){console.log(this.name)}
}
let person1=new Person('zhangsan',18)
let person2=new Person('lisi',19)// person1.sayName()
console.log(person1.sayName===person2.sayName) //true
// Person.prototype.sayName()

类模式是es6推出的,就是为了解决之前几种模式的缺点,可以理解为class是一种语法糖。

其实呢,类的本质就是一个函数。

http://www.dtcms.com/wzjs/125686.html

相关文章:

  • 重庆有专业做网站的吗百度竞价关键词优化
  • 木疙瘩h5制作电脑清理优化大师
  • 成品超市网站推广普通话作文
  • WordPress背景图片自适应四川百度推广和seo优化
  • 专业网站制作公司教程百度知道问答
  • 查找公司注册信息的网站优化服务内容
  • 做网站贵吗危机公关
  • 网站都不需要什么备案网球排名即时最新排名
  • 专业刷粉网站关键词排名代发
  • 校园网站设计方案国内永久免费建站
  • wordpress制作培训网站公司网页制作教程
  • 手机电子商务网站建设策划书2021十大网络舆情案例
  • 网站站点风格长春seo培训
  • 有的网站打不开 但别人电脑能打开网上全网推广
  • 网站建设制作设计推广优化网站seo源码
  • 老司机带带我看精彩免费游戏seo关键词教程
  • 建设网站方案 ppt自动化测试培训机构哪个好
  • 商洛免费做网站企业如何网络推广
  • php钓鱼网站开发廊坊百度推广seo
  • 上海装修公司电话怎么优化网站性能
  • 宣城市建设银行网站首页厦门seo关键词排名
  • 石家庄做网站推广高级seo课程
  • 深圳 网站公司色盲图
  • 西宁网站建设制作公司外贸网站搭建
  • 网站备案提交信息吗成都网站建设技术支持
  • wordpress职业学校模板保定seo博客
  • 什么是规划网站株洲疫情最新情况
  • 专做国外采购的网站推广软文代写
  • 网站正能量晚上不用下载进入免费北京疫情又严重了
  • 网站数据搬家网站排名seo