JavaScript 对象和包装类

2024-05-09 14:07:45

对象的创建方法

{}

var obj = {}

系统自带的构造函数

var obj = new Object()//Array()//Number()

自定义的构造函数

function Person(){}
var person1 = new Person()

注：构造函数：大驼峰命名规则 TheFirstName

普通函数：小驼峰命名规则 theFirstName

构造函数内部原理(必须加New)

在函数体最前面隐式的加上this={}
执行this.xxx=xxx
隐式的返回this

function Person(name,age){//var this={}; 隐式this.name=name;this.age=age;//return this隐式
}
var person1 = new Person("zhangsan",18)

注：构造函数显示返回对象，则返回对象

构造函数返回原始值，则不受影响，继续返回this

包装类

new String()
new Boolean()
new Number()

包装类之后就有属性和方法了，原始值没有属性和方法

var num =4;//new Number(3).len=3; 销毁num.len=3;//new Number(3).len=3; 销毁
console.log(num.len);

以上过程原始值可以访问属性。经历了隐式的包装类，每次包装完销毁。

注：undefined和null不可以设置属性值

例1：

// var str = "abcd";
// str.length=2;
// new string("abcd").length=2 销毁
// console.log(str)//abcd

例2：

var str = "abc";str += 1;
var test = typeof (str);if (test.length == 6) {test.sign = "typeof的返回结果";
}
console.log(test.sign); //undefinde

typeof返回string字符串

---恢复内容结束---

对象的创建方法

{}

var obj = {}

系统自带的构造函数

var obj = new Object()//Array()//Number()

自定义的构造函数

function Person(){}
var person1 = new Person()

注：构造函数：大驼峰命名规则 TheFirstName

普通函数：小驼峰命名规则 theFirstName

构造函数内部原理(必须加New)

在函数体最前面隐式的加上this={}
执行this.xxx=xxx
隐式的返回this

function Person(name,age){//var this={}; 隐式this.name=name;this.age=age;//return this隐式
}
var person1 = new Person("zhangsan",18)

注：构造函数显示返回对象，则返回对象

构造函数返回原始值，则不受影响，继续返回this

包装类

new String()
new Boolean()
new Number()

包装类之后就有属性和方法了，原始值没有属性和方法

var num =4;//new Number(3).len=3; 销毁num.len=3;//new Number(3).len=3; 销毁
console.log(num.len);

以上过程原始值可以访问属性。经历了隐式的包装类，每次包装完销毁。

注：undefined和null不可以设置属性值

例1：

// var str = "abcd";
// str.length=2;
// new string("abcd").length=2 销毁
// console.log(str)//abcd

例2：

var str = "abc";str += 1;
var test = typeof (str);if (test.length == 6) {test.sign = "typeof的返回结果";
}
console.log(test.sign); //undefinde

typeof返回string字符串

转载于:https://www.cnblogs.com/FashionDoo/p/10525761.html

JavaScript 对象和包装类相关推荐

JavaScript 对象超细致总结
目录一.什么是对象? 二.对象的创建(3种方法) 三.给对象添加修改数据. JS遍历对象概述剥开Object的"伪装" 常用遍历方法 for..in..遍历 Object.k ...
如何获取HTML元素对应JavaScript对象？
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript对象，方括号和算法
by Dmitri Grabov 德米特里·格拉波夫(Dmitri Grabov) JavaScript对象,方括号和算法 (JavaScript Objects, Square Brackets a ...
我对javascript对象的理解
前言 JavaScript这门语言除了基本类型都是对象,可以说JavaScript核心就是对象,因此理解JavaScript对象及其种种特性至关重要,这是内功.本文介绍了我对es5对象,原型, 原型链 ...
《JavaScript启示录》——1.21 JavaScript对象和Object()对象
本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.21节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
《JavaScript启示录》——第1章 JavaScript对象 1.1创建对象
本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.1节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...
如何通过其值获取JavaScript对象中的键？
本文翻译自:How to get a key in a JavaScript object by its value? I have a quite simple JavaScript object, ...
如何从JavaScript对象中删除项目[重复]
本文翻译自:How to remove item from a JavaScript object [duplicate] Possible Duplicate: 可能重复: How to remov ...
如何遍历JavaScript对象？
本文翻译自:How to iterate over a JavaScript object? I have an object in JavaScript: 我在JavaScript中有一个对象: { ...

最新文章

热门文章