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

levy9527 发布于2019-08-22 15:40 / 2657人阅读

摘要：逻辑运算判断一个变量会被当做还是内置函数和对象中内置了一些函数和对象，直接可以调用开发。根据提供的内置函数包括和。注意基础语法提供的内置函数和方法只有这些，像那是浏览器提供给我们的。

变量类型和计算

1. 变量类型
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

2. 变量计算
• 强制类型转换
以下四种情况会发生强制类型的转换：

字符串的拼接

    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

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

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

云服务器 GPU云服务器 js基础 js算法与数据结构基础知识 js的基础 js核心知识

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

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

好程序员Web前端培训入门之JS基础知识梳理汇总

摘要：好程序员前端培训入门之基础知识梳理汇总，前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。作用域链的前端，始终是当前执行代码所在环境的变量对象。　　好程序员Web前端培训入门之JS基础知识梳理汇总，Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。不过，学习要一...

int64 2019-08-23 16:29 评论0 收藏0
好程序员Web前端培训入门之JS基础知识梳理汇总

摘要：好程序员前端培训入门之基础知识梳理汇总，前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。作用域链的前端，始终是当前执行代码所在环境的变量对象。　　好程序员Web前端培训入门之JS基础知识梳理汇总，Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。不过，学习要一...

kviccn 2019-08-02 16:09 评论0 收藏0
【连载】前端个人文章整理-从基础到入门

摘要：个人前端文章整理从最开始萌生写文章的想法，到着手开始写，再到现在已经一年的时间了，由于工作比较忙，更新缓慢，后面还是会继更新，现将已经写好的文章整理一个目录，方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理从最开始萌生写文章的想法，到着手...

madthumb 2019-08-23 14:15 评论0 收藏0
Js基础知识（一） - 变量

摘要：内置函数和对象中内置了一些函数和对象，很多语言都会有内置的方法，直接可以调用开发。根据语法标准提供的内置函数包括和。注意基础语法提供的内置函数和方法只有这些，像那是浏览器提供给我们的。强制类型转换大家应该都知道。 js基础 - 变量 *大家对js一定不会陌生，入门很简单（普通入门），很多人通过网络资源、书籍、课堂等很多途径学习js，但是有些js基础的只是往往被大家遗漏，本章就从js变量...

leone 2019-08-26 11:33 评论0 收藏0