JavaScript创建对象的方式汇总
1.Object构造函数创建
// 1.Object构造函数创建
var Obj = new Object();
Obj.name='saoge';
Obj.say=function(){
console.log(`我的名字是${this.name}`)
}
Obj.say();
2.使用对象字面量表示法
//2. 使用对象字面量表示法
var Obj={
name:'saoge',
age:18,
say(){
console.log(`我的名字是${this.name},年龄是${this.age}`)
}
}
Obj.say();
3.使用构造函数创建对象
//3.使用构造函数创建对象
function Obj(name,age){
this.name=name;
this.age=age;
this.say=function(){
console.log(`我的名字是${this.name},我的年龄是${this.age}`)
}
}
var objone = new Obj('saoge',18);
objone.say();
4.原型链创建对象
//4.原型链创建对象
function Obj(){}
Obj.prototype.name='saoge';
Obj.prototype.age=18;
Obj.prototype.say=function(){
console.log(`我的名字叫${this.name},我今年${this.age}岁`)
}
var objone=new Obj();
objone.say();
5.构造函数和原型混用
//5.构造函数和原型混合使用
function Obj(name){
this.name='name';
}
Obj.prototype.age=18;
Obj.prototype.say=function(){
console.log(`我叫${this.name},我今年${this.age}岁`)
}
var objone=new Obj('soage');
objone.say();
6.工厂模式
//6.工厂模式
//工厂模式使用较少,但是也需要了解
function createObj(name){
var obj = new Object();
obj.name = name;
obj.say=function(){
console.log(`我的名字叫${this.name}`)
}
return obj;
}
var objone = createObj('saoge');
objone.say();
7.class创建对象
// 7.class创建对象
class Obj{
constructor(name,age) {
this.name=name;
this.age=age;
}
say(){
console.log(`我的姓名是${this.name},我的年龄是${this.age}`)
}
}
var objone = new Obj('saoge',18);
objone.say();
只是简单的将所有方法汇总了一下,在忘记的时候看一眼能够很快的想起来。
JavaScript创建对象的方式汇总的更多相关文章
- javascript——创建对象的方式
对象:在JavaScript中,对象是拥有属性和方法的数据. JavaScript自定义对象方式有以下7种:直接创建方式.对象初始化器方式.构造函数方法.prototype原型方式.混合的构造函数/原 ...
- JavaScript创建对象的方式
一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程. 考虑到在 ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的 ...
- JavaScript创建对象的方法汇总
JavaScript中的对象 ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.”严格来讲,这就相当于说对象是一组没有特性顺序的值.对象的每一个属性或方法都有一个名字 ...
- JavaScript 创建对象的七种方式
转自:xxxgitone.github.io/2017/06/10/JavaScript创建对象的七种方式/ JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以 ...
- javascript创建对象的几种方式
javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用.主要为下面几种:1.对象字面量的方式 person={firstname ...
- javascript中创建对象的方式总结
javascript中创建对象的方式总结 具体代码如下: //创建对象的方式: //创建方式一 var person=new Object(); person.name='jack'; person. ...
- JavaScript创建对象的6种方式
JavaScript创建对象简单的说,无非就是使用内置对象(Object)或各种自定义对象,当然还可以用JSON,但写法有很多种,也能混合使用. 1.对象字面量的方式 person = {name : ...
- JavaScript创建对象的几种 方式
//JavaScript创建对象的七种方式 //https://xxxgitone.github.io/2017/06/10/JavaScript%E5%88%9B%E5%BB%BA%E5%AF%B9 ...
- JavaScript 常见创建对象的方式
JavaScript 有哪几种创建对象的方式? javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用. (1)对象字面量的方式 ...
随机推荐
- Advances and Open Problems in Federated Learning
挖个大坑,等有空了再回来填.心心念念的大综述呀(吐血三升)! 郑重声明:原文参见标题,如有侵权,请联系作者,将会撤销发布! 项目地址:https://github.com/open-intellige ...
- call、apply、bind 的用法
例1 obj.objAge; //17 obj.myFun() //小张年龄undefined 例2 shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第 ...
- 一文读懂BeanFactory和FactoryBean区别
一直以来,很多人对于Spring中的BeanFactory和FactoryBean都是分不清楚的 BeanFactory 这个其实是所有Spring Bean的容器根接口,给Spring 的容器定义一 ...
- Java数据结构——树、二叉树的理论知识汇总
通用树的理论知识 一.树的定义 由一个或多个(n>=0)节点组成的有限集合T,有且仅有一个节点称为根(root),当n>1时,其7余的节点为m(m>=0)个互不相交的有限集合T1,T ...
- @RequestBody和@RequestParam
@RequestBody的使用 https://blog.csdn.net/justry_deng/article/details/80972817 (@RequestBody Map map)接收多 ...
- 正则表达式断言精讲 Java语法实现
目录 断言 1.2.3.1 情景导入 什么是断言 断言的语法规则 零宽断言为什么叫零宽断言 零宽 前行 负向 断言DEMO 断言的基础应用和实际用处 验证不包含 验证开头包含 验证开头包含且匹配到的数 ...
- 使用rabbitmq过程中遇到的问题及解决方法记录。
OS: Linux ---Centos7RabbitMQ版本:RabbitMQ version: 3.8.1erlang版本:Erlang configuration: Erlang/OTP 22 [ ...
- Diophantus of Alexandria(唯一分解定理)
Diophantus of Alexandria was an Egypt mathematician living in Alexandria. He was one of the first ma ...
- 03 父子组件sync&update
父组件传给子组件是基本数据类型. 父组件 <template> <el-container class="consele-container"> <e ...
- 07vue 自定义全局组件 通用流程
1.全局组件的目录 2.loading/index.js import LoadingComp from './Loaiding' const compName=LoadingComp.name // ...