百科狗-知识改变命运!
--

json对象和js对象的区别

乐乐1年前 (2023-12-16)阅读数 8#综合百科
文章标签对象变量

首先,要搞清楚这2个东西

1.JS是一种脚本语言,你所谓的对象,其实还只是处在源码阶段,当这段符合语法的文本被脚本引擎解释之后,在内存中才会产生对象,至于是否符合语法,取决于脚本引擎。

2.JSON不是一种语言,它仅仅是一种数据的表达方式,从某种程度上来讲,JSON跟XML没有什么区别。

之所以LZ会有这样的疑虑,原因在于对数据的理解存在偏差,对于JS的字面量来说,这段文本仅仅是代码的一部分,相当于指令,而JSON文本,其本身就表示了数据。二者相同的地方是,看起来都是数据,而且恰巧又都是文本;不同的地方在于,JS字面量的文本是被脚本引擎直接解析的,而JSON的文本,如果要转化为JS对象的话,是交给eval函数来处理的,那么,如何理解JSON的文本,就取决于这个函数,而不是脚本引擎,因为这2者的处理根本就不在一个层面上。

另外,JS必须交给JS脚本引擎处理,而JSON的字符串,任何程序都能处理,至于引号的问题,取决于JSON解析器的容忍程度,如果你愿意,也可按照自己的意愿写一个解析器,能够容忍包括不写引号,或者单/双引号,甚至其他任何符号作为边界符。

BOM对象和DOM对象和JS对象如何区分?

0, JavaScript的变量有几种类型: number, string, boolean, function, object, 对象就是变量的一种类型.

1,var request = createRequest();

我可以吧request当作一个变量,由createRequest方法来赋值;

这个说法有歧义, 不是由方法对变量赋值, 而是使用createRequest的返回值为变量赋值.

2, 我也可以把它当作一个object,于是request.xxx可以访问createRequest方法里面的xxx。

这个理解是错的, 从外部不能访问到方法内部定义的变量. 有一种特殊的情况:

function closure(){

var a = 1;

return function() {

return a++;

}

}

var fn = closure();

alert(fn()); //1;

alert(fn()); //2; 函数内部的变量被改变了

这个是JavaScript的闭包机制, 可以在方法外部修改方法的内部变更量. 类似于.Net的委托机制(Java的Callback); 并且这个内部变量的行为类似强制类型语言中的实例私有成员, 参考下面的代码:

//接上面的代码

var fn2 = closure();

alert(fn2()); //1, 创建了新的闭包

alert(fn()); //3, 原有闭包并未释放,

fn = null; //将对闭包内部变量的引用释放(将fn赋其它值也一样, fn = 1;), 则该闭包将会被gc回收

3, 对象, JavaScript对象一定是使用new关键字创建.

var a = {}; //简化写法等价于 var a = new Object();

var b = []; //简化写法等价于 var a = new Array();

4, 实例, javascript不是面向对象的语言, 但是对象有默认的constructor属性, 引用创建对象的function(可以理解为某类型的实例). 但是, 因为javascript是弱类型动态语言, 可以动态修改对象的结构或使用其它类型的引用为变量赋值, 所以并不能在语言层面确保对象的封装, 参考下面的代码:

function class(){

this.a = 1;

this.b = 'a';

}

function somethingElse() {

return 1;

}

//创建3个class的实例

var a = new class();

var b = new class();

var c = new class();

//此时 a.constructor === b.constructor === c.constructor === class;

a.constructor = somethingElse; //覆盖constructor属性, 这样a就和class没有任何关联了, 虽然有一个instanceof二元操作符, 但是其实现是比较prototype, 本例中都没有指定prototype(默认{}), 所以instanceof是无效的, a instanceof class == true, a instanceof somethingElse == true, a instanceof Object == true,

b = new somethingElse(); //这时b就变成somethingElse的实例了(b.constructor === somethingElse), 但是somethingElse方法没有为实例添加任何成员, 所以b = {};

delete c.b; //删除对象的成员, c = {a: 1}, 这样虽然c.constructor === class(还是class的实例), 但是与其它由class创建的实例外观就不同了.

bom 是浏览器特有的,比如你用js实现:取得当前页地址再加入收藏夹,这个必须依赖浏览器功能。你写的 bom 的玩意只能在浏览器上跑,没浏览器、没地址你怎么加入收藏夹?

dom 是文档对象模型,比如 html 是树结构的,操作 dom 就是操作这颗树:

123

百度

json对象和js对象的区别

树结构:

html

|

body

|

------------

| |

a p

| |

百度 i

|

123

dom 你可以操作 html 这颗树,也可以去操作另一颗树,比如:xml,而不管你是在浏览器中还是在其他环境中运行js,都能操作,因为你不依赖浏览器特有的东西。

js里面几乎一切皆对象(有个例外),但是人家是说的 js 语法里面的对象,和 dom、bom对象不是一个概念,你在拿两个世界里面不同的东西做比较,虽然他们都叫对象。。

var i = window.Number;//i变量 = 一个bom对象中的值

i 是一个变量,同时也是一个js里面所谓的对象,现在是让 js 变量 i 值为 window.Number;

var j = document.getElementById("menu");//获得html中id为menu的标签,将其存入变量j 里面供接下来其他操作

这里 j 依然是一个 js 对象,后面 ById 取得的是一个 dom 对象

j值 = ById值

j对象 不等于 ById对象

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)