js对象定义的3种方法
转自:微点阅读 https://www.weidianyuedu.com
方法一:通过var object={} 对象字面量
(1),可以叫对象直接量来自定义一个对象。对象自面量是一个表达式,这个表达式的每次运算都创建并初始化一个新对象。
var user = { x:1,y:2,z:3,pp:function(){ alert("22222222") }}
//用字面量定义一个对象,是以名值对的方式来保存的
alert(user.y) //调用属性
user.pp() //调用方法
(2) var student = { //还可以换行写,每义定一个属性名和值,用逗号分开,最后一个不加逗号,加了会被忽略,但在ie中会报错,最好不要加
"x":1, //定义属性名的时候可以用双引号
'y':2, //定义属性名的时候可以用单引号
z:12.3, //定义属性名的时候可以加任何
"for":"使用关键字来定义属性名要加上引号", //使用关键字定义的话必须加上双引号 man:{ //对象里面还可以签到对象
text:null, //对象的属性值可以是多种数据类型
text2:undefined,
married:true
},
dd:function(){alert("33333333")}
}
alert(student.x)
student.dd()
方法二:通过 var obj = new Object();创建对象
1、创建一个空白的Object对象
写法1:var obj = new Object();
写法2:var obj = {};
2、给创建的对象添加属性和方法
var obj = {};
obj.name = '小明'; //属性
obj.showName = function(){ //方法
alert(this.name);
};
obj.showName(); //方法的调用
==========================================
1 <script>
2 var obj = new Object() //创建了一个对象,object对象也是对象中的顶级对象
3 var arry = new Array() //创建了一个数组对象
4 var date = new Date() //创建一个时间对象
5 var reg = new RegExp("js") //创建一个正则对象6
</script>
==========================================
===========================================
通过object.create来创建对象
1 <script>
2 var obj = Object.create({x:1})
3 var obj = Object.create(null) //创建了一个没有原型的对象,没有任何方法
4 var obj = Object.create(obj.prototype) //创建了一个普通的空对象
5 </script>
===========================================
方法三:通过构造函数来创建对象
通过instanceof操作符可以检测一个对象是否由某个指定的构造器函数来创建的对象
注意:
使用的时候可以通过new操作符得到对象。
用构造器创建对象的时候可以接收参数
构造器函数的首首字母最好大写,区别其他的一般函数
function Person(name,age){ //创建一个person的函数
this.name =name; //此处的this对应的是对象obj
this.age = age
}
var obj = new Person("ziksang",21) //用一个构造函数来创建了对象
alert(obj.name) //=>ziksang 用对象名.对象的属性来获得属性值
alert(typeof obj) //=>用typeof来检测obj是不是一个对象类型, 返回object
alert(obj instanceof Person) //=> 用instanceof 来检测objcet是不是person函数构造出来的对象,返回true
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
方法(1)==方法(2)
(1)
var obj = new Object();
obj.name = "孙悟空";
obj.age = 18;
obj.sayName = function(){ alert(obj.name); };
function fun(){ alert(obj.name); };
obj.sayName();
fun();
(2)
var obj2 = {
name:"猪八戒",
age:18,
sayName:function(){ alert(obj2.name); }
};
obj2.sayName();
js对象定义的3种方法相关推荐
- js对象继承的5种方法
假设现在有a,b两个函数,b函数的实例想要访问a函数的属性和方法(b想要继承a). 1.原型链继承 通过b函数的原型(b.prototype)指向a的实例(new a())来实现,这种继承方法就称为原 ...
- 遍历对象属性_细说JS遍历对象属性的N种方法
本人详细介绍了JS遍历对象N种方法,欢迎关注收藏. 遍历对象属性有五种方法,下图为一个场景对比图. 可以注意到两点: 只有for ... in 才可以遍历原型链属性,且只能遍历可枚举属性. Objec ...
- js之删除对象属性的三种方法 判断对象中是否有某一属性的四种方法
js之删除对象属性的三种方法 & 判断对象中是否有某一属性的四种方法 示例 1.基础版 var a = { id: 18, age: 20, name: "zhangsan" ...
- 在php中可以使用几种方法定义数组,PHP中数组定义的几种方法
在php.html" target="_blank">php和其他编程语言中,需要常常使用数组创建,我们在前端开发中,js的数组创建可以由new array创建,下 ...
- JS下载文件的三种方法
因为公司后端忙得无法给批量下载的api,就我们前端自己把多张图片打包成zip下载,zip打包我们用的是jszip,下面是js实现下载的三种方法: 利用HTML download 属性 var a = ...
- 数组拼接html js,js数组合并的几种方法
JS合并数组的几种方法及优劣比较 var datas = [ ['红色', '蓝色'], ['XL'], ['图片', '文字'] ]; 如何 将let datas = [[1, 2], [3,0,5 ...
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false| ...
- c++学习笔记之基础---类内声明函数后在类外定义的一种方法
在C++的"类"中经常遇到这样的函数, 返回值类型名 类名::函数成员名(参数表){ 函数体.} 双冒号的作用 ::域名解析符!返回值类型名 类名::函数成员名(参数表) { 函数 ...
- Java中的string定义的两种方法和区别
java中的String定义的两种方法和区别 第一种:new方式 String s1 = new String("hello world"); String s2 = new St ...
- js 字符串拼接的4种方法
一.使用连接符 + 把想要连接的字符串串起来 let shy = '帅哥' let a = '我是' + shy console.log(a) // 我是帅哥 二.模板字符串 模板字符串(templa ...
最新文章
- Codeforces 997 C - Sky Full of Stars
- 直接拿来用!CTO 创业技术栈指南
- Leet Code OJ 21. Merge Two Sorted Lists [Difficulty: Easy]
- 数据库 外键 优缺点_不同数据格式的优缺点:键值与元组
- heroku_Heroku Connect的美丽:简化数据库同步
- web应用转化为saas多租户
- C++ std::enable_shared_from_this
- JVM监控及诊断工具GUI篇之Arthas(一):基础指令
- 三维地理信息系统空间的可视化分析
- matlab实现三角形的外接圆与内接圆
- 超清楚!麦克风阵列学习笔记(一)——线性麦克风阵列的时间延迟Beamforming算法(Time-Delay Beamforming of Microphone ULA Array)
- 电脑文件无法删除怎么办?
- 程序设计(二)——伪代码编程
- Android 关于AIDL通信,RemoteCallbackList实现Server回调Client
- 微信图片去除马赛克_朋友圈分享技巧 如何快速地截图打马赛克?
- linux中24点游戏下载,怀旧24点官网版-怀旧24点游戏下载v2.0.0-Linux公社
- Spring Boot入门(05):了解Spring Boot的starter入门 | 超级详细,建议收藏
- Uipath Excel-读取操作(Read Row)
- WebSocket 通信协议
- Gscoolink 基石 GSV2011 HDMI接口芯片 HDMI芯片 HDMI2.0芯片