资讯专栏INFORMATION COLUMN

JS 1-数据类型

denson / 2326人阅读

摘要:是一个表示无的原始值,类型转换时转为。和的作用作用是检测变量的数据类型。数值字符串布尔值分别返回,函数返回,返回,返回兼容以前的代码,历史问题定义为对象类型,返回除此之外的其他情况全都返回。

CSS和JS在网页中的放置顺序

尽量将CSS link标签放在html文档靠前位置。JS代码放在html文档底部,body结束标签前

白屏和FOUC

如果将CSS样式放在html最后面时,根据浏览器渲染机制不同可能会出现白屏、无样式内容闪烁FOUC的情况。白屏是浏览器等待DOM和CSSOM全加载完成后再渲染的时间延迟产生(IE有这种情况),import导入CSS样式,即便放在首部区域,也会有白屏现象。无样式闪烁(IE、firefox都有)是浏览器边加载边执行,逐步加载无样式的内容,等CSS加载后页面突然展现样式。
JS代码放在HTML文档底部的原因是:脚本加载需要时间,会阻塞后面内容的展现;页面某些功能依赖js,如果JS放最前面,先加载js,页面上某些功能区的样式可能还没渲染时JS就执行了。
js禁止并发加载,因为有先后关系所以只能顺序加载,CSS样式可并发加载。

async和defer的作用

同步就是顺序执行,执行完一个再执行下一个,需要等待、协调运行。异步就是彼此独立,在等待某事件的过程中继续做自己的事,不需要等待这一事件完成后再工作。
JS文件异步加载有async和defer两种方式
没有defer或async js代码立即加载并执行,后续渲染元素等待
js加载并执行与渲染后续文档并发执行(异步)。是无顺序的。
js加载暂不执行,加载过程与渲染后续文档并发执行(异步),但js执行需要在所有元素解析完成后进行。有顺序的。

网页的渲染机制

解析HTML构建DOM树,解析CSS构建CSSOM树,把DOM、CSSOM组合成渲染树(render tree),在渲染树基础上计算几何结构,绘制到屏幕。

JavaScript 数据类型

JS中有6种数据类型:null,undefined,number,string,boolean,object。
复杂类型是指object(广义对象obj,arr,regx等),可由多个简单类型的值的合成,可以看作是一个存放各种值的容器。
简单类型指number,string,boolean
特殊类型指null,undefined

NaN、undefined、null的区别

NaN not a number,非数字,NaN和任何值都不等,包括NaN自己。NaN = = NaN //false;判断一个值是否是NaN,使用isNaN()
null是一个表示"无"的对象,类型转换是转为数值0。空指针,不存在任何东西。只有一个值:null.表示此处有值但为空。
undefined是一个表示"无"的原始值,类型转换时转为NaN。变量被声明但没初始化,有指针但没指向任何空间。只有一个值:undefined,表示未定义。
null是对象类型(历史原因定义为对象类型,本质上属于undefined),NaN 是数值类型。

typeof和instanceof的作用

typeof作用是检测变量的数据类型。数值、字符串、布尔值分别返回number、string、boolean,函数返回function,undefined返回undefined,null返回object(兼容以前的代码,历史问题定义为对象类型),NaN返回number,除此之外的其他情况全都返回object。
typeof可以用来检测一个没有声明的变量,而不报错,非严格模式中,可对undefined赋值

instanceof运算符返回一个布尔值,表示指定对象是否为某个构造函数的实例

type of代码示例:

function isNumber(el){
    if (typeof(el)==="number"){
      return true;
    } else{
      return false;
    }
};

function isString(el){
    if (typeof(el)==="string"){
      return true;
    } else{
      return false;
    }
};

function isBoolean(el){
    if(typeof(el)==="boolean"){
      return true;
    } else {
      return false;
    }
}

function isFunction(el){
    if(typeof(el)==="function"){
      return true;
    } else{
      return false;
    }
}

undefined
var a = 2,
    b = "jirengu",
    c = false;

alert( isNumber(a) );
alert( isString(a) ); 
alert( isString(b) ); 
alert( isBoolean(c) ); 
alert( isFunction(a));
alert( isFunction( isNumber ) ); 
+运算符
console.log(1+1);    //2 数值直接相加
console.log("2"+"4");  //"24"  +会将两个字符串拼接
console.log(2+"4");   //"24"  一个数值一个字符串也会被拼接
console.log(+new Date());  //1473494481714,日期对象是特例,有2个操作数时优先调用toString()方法,一个+号返回毫秒数 
console.log(+"4");  //4  一个字符串时会转换成数值
a++,++a

a++是先引用a在自增,++a是先自增再引用a

var a = 1;
a+++a;   //结果为3即(a++)+a
typeof a+2;  //结果为 "number2"  typeof a的结果是"number"  "number"+2 即为"number2"

typeof运算优先级最高,逗号运算符优先级最低

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107834.html

相关文章

  • JavaScript入门

    摘要:介绍编程数据结构,算法,内存分配表单验证需要一门语言可以直接运行在浏览器中,来完成表单验证的功能。 Javascript介绍编程(数据结构,算法,内存分配)表单验证 需要一门语言可以直接运行在浏览器中,来完成表单验证的功能。 浏览器厂商 网景 firefox js 标准 js解释器 IE js js解释器 google js j...

    wangdai 评论0 收藏0
  • 前端知识点总结——JS基础

    摘要:语法常量名值常量名在程序中,通常采用大写形式。结果为类型作用表示使用的数据不存在类型只有一个值即当声明的变量未赋值未初始化时,该变量的默认值就是类型用于表示不存在的对象。结果为按位或,对小数取整将任意小数与做按位或,结果则取整数部分。 前端知识点总结——JS基础 1.javascript概述(了解) 1.什么是javascript javascript简称为js,是一种运行于js解释器...

    wangbjun 评论0 收藏0
  • 前端进阶(11) - js 数据结构类型扩展:immutable-js

    摘要:数据结构类型扩展相对之类的强类型语言,有一点很大的区别就是,数据结构只有与,并且都是动态可变的,而有等数据结构。所以,为了能在中也使用这些数据结构,就应运而生。扩充了中的不可变集合,即一旦创建就不能改变的数据类型。 js 数据结构类型扩展:immutable-js 相对 java、.net 之类的强类型语言,js 有一点很大的区别就是,数据结构只有 array 与 object,并且都...

    BLUE 评论0 收藏0
  • 前端进阶(5) - js 扩展:静态类型检查(facebook flow)

    摘要:扩展静态类型检查语言与系列等语言有一点很大的不同,就是语言是弱类型语言。但其实很多开发人员还是比较喜欢用来开发项目,所以开发出来帮助语言扩展静态类型检查功能,规避上面提到的问题。 js 扩展:静态类型检查(facebook flow) js 语言与 java、C 系列等语言有一点很大的不同,就是 js 语言是弱类型语言。js 语言的这个特性可能让大家觉得 js 很自由,没有强制性的约束...

    孙淑建 评论0 收藏0
  • js的输出方式以及js的基本数据类型

    摘要:的输出方式浏览器弹出警告弹框,它会阻塞代码执行弹框,它显示的内容会默认转换成字符串显示例如弹出一个可输入的弹框,还有两个按钮确认和取消点击确定,返回在输入框输入的内容,点击取消返回空确认弹框有两个按钮,确认和取消,点击确认返回为点击取消为, js的输出方式: 1、alert();浏览器弹出警告弹框,它会阻塞代码执行;alert弹框,它显示的内容会默认转换成字符串显示; 例如:alert...

    weizx 评论0 收藏0
  • 前端学习记录(JS篇)

    摘要:简介俗称,的正式名称是,是网景公司公司开发的一种基于客户端浏览器基于面向对象事件驱动式的网页脚本语言。变量名不能使用关键字变量名对大小写敏感。 javascript简介 javascript俗称js,js的正式名称是ECMAScript,是网景公司Netscape公司开发的一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言。主要用于:交互式操作,表单验证,网页特效,web游...

    Keagan 评论0 收藏0

发表评论

0条评论

denson

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<