JS小记.2

JS数据类型

JavaScript定义了7种数据类型 六种原始数据类型 : Number , String, Boolean, Null, Undefined ,Symbol 一种复杂(引用)数据类型 Object
原始类型和复杂类型区别

  • 存储方式:原始类型存放在栈中,也就是存放在变量访问的位置;复杂类型存储在堆(heap)中,存储在变量处的值是一个指针,指向存储对象的内存处

  • 引用方式:原始类型是作为不可细化的值进行存储和操作的,引用它们会转移其值;复杂值是通过引用进行存储和操作的,而不是实际的值。创建一个包含复杂对象的变量时,其值是内存中的一个引用地址。引用一个复杂对象时,使用它的名称(即变量或对象属性)通过内存中的引用地址获取该对象值

  • 比较方式:原始类型采用值比较,而复杂类型采用引用比较。复杂类型只有在引用相同的对象(即有相同的地址)时才相等。即使是包含相同对象的两个变量也彼此不相等,因为它们并不指向同一个对象

  • 动态属性:对于复杂类型,可以为其添加属性和方法,也可以改变和删除其属性和方法;但原始类型不可以添加属性和方法

  • 包装类型: 原始类型被当作构造函数创建的一个对象来使用时,Javascript会将其转换成一个对象,以便可以使用对象的特性和方法,而后抛弃对象性质,并将它变回到原始类型


typeof和instanceof

typeof操作符返回一个字符串,指示未经计算的操作数的类型。
比较特殊的是对于Null返回 object ,对于函数对象返回 function ,对于其它任何对象返回 object
instanceof 用于判断一个变量是否是某个变量的实例


判断一个变量是否是数字、字符串、布尔、函数

var a;
typeof a === 'number';
typeof a === 'string';
typeof a === 'boolean';
typeof a === 'function';

NaN是什么

NaN是一个全局变量的属性 属于Number数据类型 意思Not A Number
在编码很少直接使用到 NaN。通常都是在计算失败时,作为 Math 的某个方法的返回值出现的(例如:Math.sqrt(-1))或者尝试将一个字符串解析成数字但失败了的时候(例如:parseInt("blabla"))。
涉及到NaN的操作都会返回NaN
等号运算符(== 和 ===) 不能被用来判断一个值是否是 NaN。必须使用 Number.isNaN() 或 isNaN() 函数。在执行自比较之中:NaN,也只有NaN,比较之中不等于它自己。


把非数值转化为数值

Number() , parseInt() ,parseFloat()
parseInt() parseFloat()
忽略字符串前面的空白字符,找到第一个非空白字符
如果第一个字符不是-或者数字返回NaN
如果是继续解析,直到非数值模式为止
0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数


==与===

== 相等 俩边操作数相等时返回true
===全等 俩边操作数相等且数据类型相同时返回true


break和continue

break 语句 中止当前循环,switch 语句或 label 语句,并把程序控制流转到紧接着被中止语句后面的语句。
continue 语句结束当前(或标签)的循环语句的本次迭代,并继续执行循环的下一次迭代。

与 break 语句的区别在于, continue 并不会终止循环的迭代,而是:

  • 在 while 循环中,控制流跳转回条件判断;
  • 在 for 循环中,控制流跳转到更新语句。
    continue 语句可以包含一个可选的标号以控制程序跳转到指定循环的下一次迭代,而非当前循环。此时要求 continue 语句在对应的循环内部。

void 0 和 undefined在使用场景上有什么区别

undefined 现常用于全局环境,不能被重写。但是在局部作用域中,还是可以被重写的。
void 是不能被重写的。 void 运算符能对给定的表达式进行求值,然后返回 undefined,最短的是void 0,所以用void 0 来表示undefined, void 0是在局部作用域中替代undefined的最佳选择,避免undefined被改写。


console.log(1+1)   //输出结果 2 数值类型的值相加
console.log("2"+"4") //输出结果 24 字符串类型变量进行拼接
console.log(2+"4") // 输出结果 24 字符串和数值相加会把数值转换为字符串再进行拼接
console.log(+"4") //输出结果 4 在只有一个字符串参数的时候会尝试将其转换为数字 

var a = 1;
a+++a;   先计算 a++  a的值变为2 a++这个整体值仍为1  1+2=3
typeof a+2;
输出结果 'number2'  typeof运算符的优先级高  所以先计算typeof a 结果为 'number'  然后进行字符串拼接 

var a = 1;
var b = 3;
console.log( a+++b );
输出结果 4   a++优先级高  a++返回的值为1 

var arr = [3,4,5];  //遍历数值 打印平方
for(var i = 0, i<arr.length,i++) {
  console.log( Math.pow(arr[i],2) );
}

var obj = {
   name: "zoro",
   sex: "male",
   age: "21"
}
for(var key in obj){
   console.log(obj[key]);
}

var a = 1, b = 2, c = 3; 
var val = typeof a + b || c >0
console.log(val) 
输出结果 number2 先执行typeof运算符 结果为'number' 拼接结果为 'number2'  转换为boolean为true 不再执行右边 返回结果就是 'number2'

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
输出结果 undefined 先执行 d==5 结果为true 看右边 console.log('bb')返回的值为undefined 所以data 被赋值为 undefined


var data2 = d = 0 || console.log('haha')
console.log(data2)
输出结果为undefined 0转换为boolean为flase 看右边 返回值为undefined d 被赋值为 undefined 然后 data2被赋值为 d 也就是 undefined

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
输出结果为2  字符串前加!转换为布尔值 不是""空字符串 所以转换为flase 前面还有一个! 变为 true ,操作符 忽略第一个操作数 返回第二个操作数 
所以 返回 !!"from here!!"  返回true   true + true 布尔值相加 转换为数值 1+1  结果为2 x被赋值为2
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容