JS中创建对象的三种方式
时间:2019-08-20
本文章向大家介绍JS中创建对象的三种方式,主要包括JS中创建对象的三种方式使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<script> 2 //创建对象的三种方式 3 // 1.利用对象字面量(传说中的大括号)创建对象 4 5 var obj1 = { 6 uname: 'ash', 7 age: 18, 8 sex: "女", 9 sayhi: function() { 10 console.log("hello kitty"); 11 12 } 13 } 14 15 //访问属性的两种方法 16 console.log(obj1.uname); 17 console.log(obj1[`age`]); 18 19 //调用对象的方法 20 obj1.sayhi(); 21 22 23 // 2、创建对象的第二种方式,用new 关键字 24 var obj2 = new Object(); 25 //追加属性和方法 26 obj2.uname = '呵呵'; 27 obj2.age = 20; 28 obj2.sex = "男"; 29 obj2.sayHi = function() { 30 console.log("hi~"); 31 } 32 console.log(obj2.age); 33 console.log(obj2[`age`]); 34 obj2.sayHi(); 35 36 37 // 以上两种方法创建对象一次只能创建一个,用构造函数可以多次创建对象 38 // 3、创建对象的第三种方式,用构造函数 39 function Star(uname, age, sex) { 40 this.uname = uname; //构造函数里面一定要用到this关键字 ,表示当前对象 41 this.age = age; 42 this.sex = sex; 43 this.sing = function(ge) { 44 console.log(uname + "的主打歌 " + ge); 45 46 } 47 } 48 49 var LDH = new Star("张学友", 20, "男"); 50 console.log(LDH.uname); 51 console.log(LDH.age); 52 LDH.sing("饿狼传说"); 53 54 /* new一个对象的执行过程: 55 1.创建一个新对象 56 2.this指向这个对象 57 3.形参为这个对象的属性和方法赋值 58 4.返回这个对象,所以构造函数里面不需要return */ 59 60 var YBN = new Star("姚贝娜", 21, "女"); //new出一个对象 61 YBN.sing("随他吧"); 62 </script>
原文地址:https://www.cnblogs.com/wangtianci/p/11385544.html
- nginx转发后后端怎么获取用户真实IP
- MongoDB aggregation $unwind
- spring data mongodb 代码连接数据库方式
- spring data mongodb dbref 关联查询
- spring-data-mongodb mapreduce使用
- 项目中如何设计通用的评论模块
- java8 stream
- spring boot中自定义错误提示页面
- spring boot中删除Data MongoDB的_class
- 用aop加redis实现通用接口缓存
- spring boot 实现mysql读写分离
- spring boot集成druid连接池
- spring boot整合dubbox进行服务拆分
- Spring Cloud中如何保证各个微服务之间调用的安全性
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法