美文网首页
JS基础知识 (一)--变量类型和计算

JS基础知识 (一)--变量类型和计算

作者: Sunny_MYJ | 来源:发表于2019-10-14 15:20 被阅读0次
变量类型

js变量类型分为基本类型(或者叫值类型)和引用类型。(按照存储方式区分)
• 值类型
值类型:Number、String、Boolean、Null、Undefiend;这5种基本数据类型是按值访问的,可以操作保存在变量中的实际的值。
对于值类型,在复制变量的时候,会在新的变量上创建一个新值,这个新值和原值是相互独立的,比如下面的例子:

    var a=100;
    var b=100;
    a=200;
    console.log(b); //100

• 引用类型
引用类型值是保存在变量中的对象;引用类型值就是指对象。
保存引用类型值的变量,实际上保存的是一个指向该对象的指针。
当复制保存着对象的某个变量时,复制的其实是指针;复制操作结束后,两个变量指向同一个对象。
对于引用类型值,可以为其添加属性和方法,也可以修改或者删除其属性和方法。
在为对象添加属性和方法时,操作的是实际的对象,因此,改变任何一个变量,都会影响另外一个变量。比如下面的例子:

    var a={age:100};
    var b=a;
    b.age=20;
    console.log(a.age); //20

注意: 基本类型值之间的比较,只是单纯的值的比较。
引用类型值的比较并非值的比较:即使两个对象包含相同的属性和值,它们也是不相等的;各个索引元素完全相等的两个数组也不相等。
引用类型值的比较是引用的比较,当且仅当它们引用同一个对象时,它们才相等。

• typeof 运算符详解
由下面的例子,我们可以看出typeof只能判断值类型的变量,不能判断引用类型的变量,所以不能准确的判断变量类型。

typeof(undefined);  // undefined  
typeof('abc');  // string
typeof(123);  // number  
typeof(true);  //  boolean
typeof({});  // object  
typeof([]);  // object  
typeof(null);  // object  
typeof(console.log);  //  function
变量计算

• 强制类型转换
以下四种情况会发生强制类型的转换:

  • 字符串的拼接
    var a=100+10;      // 100
    var b=100+"10";    // '10010'   
  • ==运算符
    console.log((100=="100"));  // true
    console.log((0==""));   //true
    console.log((null==undefined));  // true
    

在使用==得时候会强制类型转换,而使用===的时候不会发生强制类型转换。
==计算要慎用,会出现上述问题,如果使用===,则不会出现上述问题。
判断对象的一个属性存在可以使用如下语法:

var obj = {}
if(obj.name == null){...} // 相当于obj.name === null || obj.name === undefined
/* 该方法只适用于判断对象的属性,不能用于直接判断变量是否存在 */
if(someVal){...} // 这里浏览器会报错
  • if语句
    如下例子,if()判断中会对()里的值进行强制转换为布尔类型。if()条件判断中0、""、NaN、null、undefined、false都会转为false。
   var b=100;
   if(b){
    // ...
   }

  • 逻辑运算
    console.log((10 && 0));  // 0
    console.log(("" || "abc"));   //"abc"
    console.log((!window.abc));  // true

    // 判断一个变量会被当做 true 还是 false
    var a=100;
    console.log(!!a);  // true
    
JS内置函数和对象

js中内置了一些函数和对象,直接可以调用开发。
根据ECMAscript提供的内置函数包括Object、Array、Boolean、Number、String、Function、Date、Regexp和Error。内置对象包括Math和JSON。

注意:javascript基础语法提供的内置函数和方法只有这些,像Window、Navigator那是浏览器提供给我们的。还有一点前面的集中都是内置函数而不是内置对象,最后的Math和JSON是内置对象

相关文章

  • 5-1 从基础知识到JSWebAPI

    回顾js基础知识 JS-web-API 总结 回顾js基础知识 变量类型和计算 原型和原型链 闭包与作用域 异步和...

  • JS基础知识体系

    JS基础知识 1、变量类型和计算 值类型和引用类型 类型判断 逻辑运算 2、原型和原型链 class 继承 原型 ...

  • 2018-09-09

    js基础知识总结 变量类型及计算 问题: 1.js中使用type of能用到哪些变量 2.何时使用===何时使用=...

  • JS-Web-Api

    JS基础知识,规定语法(ECMA262标准); 变量类型和计算 原型和原型链 作用域和闭包 异步和同步 JS We...

  • 6.js-Web-API-DOM、BOM

    js基础知识:基于ECMA 262标准(规定基础语法、规则) --变量类型和计算--原型和原型链--闭包和作用域-...

  • JS基础知识 (一)--变量类型和计算

    变量类型 js变量类型分为基本类型(或者叫值类型)和引用类型。(按照存储方式区分)• 值类型值类型:Number、...

  • JS基础

    JavaScript 面试 JS基础篇 变量类型和计算 JS中使用typeof能得到哪些类型-undefinded...

  • JS变量类型和计算

    变量类型 1.值类型 (赋值之间不会相互影响) 2.引用类型 :对象,数组,函数 (赋值是变量指针,不是真正的...

  • 第二章 js基础知识上

    2-1 变量类型和计算 题目 JS 中使用 typeof 能得到的哪些类型 何时使用 === 何时使用 == JS...

  • Js基础知识-手动实现深拷贝

    本文将手动实现引用类型的深拷贝关于值类型与引用类型可阅读下方文章:JS基础类型直通车:Js基础知识-变量类型Js基...

网友评论

      本文标题:JS基础知识 (一)--变量类型和计算

      本文链接:https://www.haomeiwen.com/subject/xuuzectx.html