JS基础随笔(菜鸟必看篇)
JavaScript中的数据类型
简单（基本）数据类型：Number、String、Boolean、Undefined、Null
复杂（引用）数据类型: Object、Array、Date、function等
下面介绍一下简单（基本）数据类型和复杂（引用）数据类型的区别：
简单数据类型：在栈内直接存储值，如下图所示
复杂数据类型：在栈内存储引用，如下图
在了解以上两种数据类型的存储方式之后可以区分两者的不同，可通过做以下的练习：
?
var a =10;
var b = a;
//问：当改变a的值后，b的值是否发生改变
a=20;
console.log(b); // 10?
var s1 = new Object();
var s2 = s1;
//问：改变s1的属性后，s2相同的属性是否改变
s1.name = "mh";
console.log(s2.name); //mh?
function f2(arr)
{
arr = [9,8,7,6,5];//产生新的对象
arr[0]=-100;
}
var array = [1,2,4,7,5];
f2(array);
console.log(array[0]);// 1JavaSript中的变量提升，function声明以及变量作用域
首先先看以下下面的一道面试题：
?
var num = 10;
fun();
function fun()
{
console.log(num);
var num =20;
}在没有学习之前我会直接回答为10，现在学习JavaScript中的预编译概念知道了var关键字的提升概念以及function的声明概念知道了以上代码与下面代码等量：
?
var num;//全局作用域 遇到var和function 提升
function fun() {
var num ; //局部做用户 遇到var 提升
console.log(num);
num =20;
}
num = 10;
fun();再看下面这道题：
?
//问题：为什么会出现下面的错误？
//Uncaught TypeError:fnName is not a function
console.log(fnName(1,2));
var fnName = function (a,b) {
return a + b;
}以上代码等同于以下代码：
?
var fnName;
console.log(fnName(1,2));
fnName = function (a,b) {
return a + b;
}可以看到因为function在等号右面所以只会对var进行提升，从而会报“Uncaught TypeError:fnName is not a function”错误。
了解变量的作用域可以看以下代码：
?
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
var a = b = c = 20;
console.log(c);
console.log(b);
console.log(a);
}对于var a=b=c=20; 这类连续赋值，在局部作用域内只会对a再声明，而b、c的作用域为全局作用域。所以只有全局作用域内的a报错为"Uncaught ReferenceError: a is not defined"。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2017-06-07，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
