07-12 js基础

1、js的数据类型?

基本数据类型:String、boolean、Number、undefined、null
引用数据类型:Object、Array、Date、RegExp、Function

拓展:如何判断数组数据类型?
1通过专有方法判断如:push(),pop(); //可自己给变量定义该方法,有时失效
2、 obj instanceof Array 返回值判断;
3、es5和jquery都有方法Array.isArray()。
4、toString.call(param) 判断;返回格式 [object Undefined]
5、obj.constructor === Function 返回值判断

2、获取所有的checkbox?

    var domlist = document.getElementsByTagName("input");
    var checkboxlist = [];
    var len = domlist.length;
    
    for (var i = 0; i < len; i++) {
            if(domlist[i].type == "checkbox"){
                    checkboxlist.push(domlist[i])
            }
    }

3、绑定事件的方式?

1、直接在dom里绑定:<div onclick="test()"></div>
2、在js中通过onclick绑定:xxx.onclick=test;
3、通过事件绑定:dom.addEventListener("click",test,boolean)

拓展:(js事件流模型?)
“事件冒泡”:事件由最具体的元素接收,然后逐级向上传播;
“事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体元素;
“dom事件流”:三个阶段:事件捕捉,目标阶段,事件冒泡;

(事件流详解)
ie事件流:冒泡型事件:button->div->body
netscape事件流:捕获型事件:body->div->button
dom事件模型:body->div->button->button->div->body;
dom事件流同时支持两种事件模型:但是捕获事件先发生,从document对象开始,也在document对象结束
ie9以下不支持addEventListener/removeEventListener,采用attachEvent/detachEvent
阻止事件传播:
w3c中,使用stopPropagation()方法阻止冒泡;阻止默认事件:preventDefault();
ie中,cancelBubble = true阻止事件冒泡;阻止默认事件:window.event.returnValue = false;

4.什么是Ajax和JSON,它们的优缺点?

    Ajax(Asynchronous Javascript And XML/异步的javascript和xml)。
    优点:
            可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量。
            避免用户不断刷新或者跳转页面,提高用户体验。
    缺点:
            对搜索引擎不友好。
            要实现ajax下的前后退功能成本较大
            可能造成请求数的增加
            跨域问题限制

JSON:json是一种轻量级的数据交换格式,ECMA(欧洲计算机制造商协会)的一个子集;
优点:轻量级,占用带宽小、易于人的阅读和编写,便于机器(js)解析,支持复合数据类型(数组,对象,字符串,数字),能直接为服务器端代码使用,大大简化了服务器端和客户端的代码开发量。
缺点:相对xml通用性较差,数据可描述性较差;

拓展:(json与xml的区别?)

xml定义:可拓展标记语言,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的语言。xml是SGML(标准通用标记语言)的子集,非常适合web传输。
xml提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

  • xml优点:
    1、格式统一,符合标准;
    2、容易与其他系统进行交互,数据共享比较方便
  • 缺点:
    1、xml文件格式文件庞大,格式复杂,传输占用更多带宽
    2、服务器和客户端都需要花费大量代码来解析xml,服务器和客户端代码变得异常复杂和不容易维护。
    3、客户端不同浏览器之间解析xml的方式不一致,需要重复编写很多代码。
    4、服务器端和客户端解析xml花费更多资源和时间

与json的优缺点比较?
1、可读性、可拓展性都很出色,但是xml的编码难度更高。
body;
dom事件流同时支持两种事件模型:但是捕获事件先发生,从document对象开始,也在document对象结束
ie9以下不支持addEventListener/removeEventListener,采用attachEvent/detachEvent
阻止事件传播:
w3c中,使用stopPropagation()方法阻止冒泡;阻止默认事件:preventDefault();
ie中,cancelBubble = true阻止事件冒泡;阻止默认事件:window.event.returnValue = false;

##4.什么是Ajax和JSON,它们的优缺点?
Ajax(Asynchronous Javascript And XML/异步的javascript和xml)。
优点:
可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量。
避免用户不断刷新或者跳转页面,提高用户体验。
缺点:
对搜索引擎不友好。
要实现ajax下的前后退功能成本较大
可能造成请求数的增加
跨域问题限制

JSON:json是一种轻量级的数据交换格式,ECMA(欧洲计算机制造商协会)的一个子集;
优点:轻量级,占用带宽小、易于人的阅读和编写,便于机器(js)解析,支持复合数据类型(数组,对象,字符串,数字),能直接为服务器端代码使用,大大简化了服务器端和客户端的代码开发量。
缺点:相对xml通用性较差,数据可描述性较差;

> 拓展:(json与xml的区别?)
>> xml定义:可拓展标记语言,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的语言。xml是SGML(标准通用标记语言)的子集,非常适合web传输。
xml提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。
* xml优点:
1、格式统一,符合标准;
2、容易与其他系统进行交互,数据共享比较方便
* 缺点:
1、xml文件格式文件庞大,格式复杂,传输占用更多带宽
2、服务器和客户端都需要花费大量代码来解析xml,服务器和客户端代码变得异常复杂和不容易维护。
3、客户端不同浏览器之间解析xml的方式不一致,需要重复编写很多代码。
4、服务器端和客户端解析xml花费更多资源和时间

>>与json的优缺点比较?
1、可读性、可拓展性都很出色,但是xml的编码难度更高。
2、json的解码难度几乎为0,而xml得考虑子父节点;
3、xml的通用性更广,json则广泛应用于前端。
4、json相对xml,数据体积更小;与js交互更方便;
5、json对数据的描述性比xml较差;
6、json的无论是传播还是解析速度远远快于xml;

5、什么情况会出现undefined?

当只声明变量,并未赋值初始化的时候这个变量的值就是undefined;

拓展:(解释原因?)
var a=null;
console.log(typeof a); // object
null是一个只有一个值的数据类型,这个值就是null。表示一个空指针对象。所以typeof返回object;

6、双等号的类型转换?

    var undefined;
    undefined == null; // true
    1 == true;  // true
    2 == true;  // false
    0 == false; // true
    0 == '';   // true
    NaN == NaN; // false
    [] == false; // true
    [] == ![];  // true

    // alert(!![])        //true
   // alert(![])        //false
   // alert([] == 0)        //true
   // alert(false == 0)        //true

分析:undefined与null 但不全等(===)
当为number与string时,会将string转换为number;
number和boolean时,会将boolean转换为number
number或string与Object,会将Object转换成number或string

(js中的数据类型转换?)
函数转换:parseInt()、parseFloat()、toString()
强类型转换:Boolean()、Number()、String()
弱类型转换:“==”、“-”、“+”、if()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,002评论 6 509
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,777评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,341评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,085评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,110评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,868评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,528评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,422评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,938评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,067评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,199评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,877评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,540评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,079评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,192评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,514评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,190评论 2 357

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,674评论 18 139
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,520评论 0 106
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    程序员poetry阅读 114,408评论 24 450
  • 文 / 艺文小舍 我一直以为, 就像忘记岸边的一场繁花盛开那样, 已经忘记了你。又或是 像失去了一件心爱的礼物那样...
    艺文小舍阅读 357评论 46 53
  • 坐在去广州赴大学室友们约的大巴上,望着窗外树一颗颗从身旁插肩而过,思绪也跟着飞扬起来。 想起一年没见他们了,大学时...
    Hayden0425阅读 199评论 0 0