9--js变量 和 数据类型

变量

变量是用来存储数据的容器
使用字母来保存值,这些字母称为变量。
声明JavaScript变量:var关键词,用 = 给变量赋值 (var x=4;)
可以在一条语句中声明很多变量 ,语句以var开头,用逗号分开(var x=10,y=1,z=30;)
如果声明一个无值的变量,该值是undefined(var x;)
重新声明JavaScript变量,该变量的值不会丢失(var x=3; var x;)
可以通过JavaScript变量来做算数:(var x=4;var y=x+3;)
番外:
向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。carname=“Volvo”;
将声明 window 的一个属性 carname。

非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。
var var1 = 1; // 不可配置全局属性
var2 = 2; // 没有使用 var 声明,可配置全局属性

console.log(this.var1); // 1
console.log(window.var1); // 1
console.log(window.var2); // 2

delete var1; // false 无法删除
console.log(var1); //1

delete var2;
console.log(delete var2); // true
console.log(var2); // 已经删除 报错变量未定义
全局变量 局部变量 JavaScript 作用域
作用域是可访问变量的集合。

作用域为可访问变量,对象,函数的集合。作用域在函数内修改。
你的全局变量,或者函数,可以覆盖 window 对象的变量或者函数。
局部变量,包括 window 对象可以覆盖全局变量和函数。
局部变量:

<p>局部变量在声明的函数外不可以访问。</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML = "carName 的类型是:" +  typeof carName;
function myFunction() 
{
    var carName = "Volvo";
}
</script>
//输出结果是   carName 的类型是:undefined

全局变量

<p>全局变量在任何脚本和函数内均可访问。</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
myFunction();
function myFunction() 
{
    document.getElementById("demo").innerHTML =
		"我可以显示 " + carName;
}
</script>
//输出结果是   我可以显示 Volvo
<p>
如果你的变量没有声明,它将自动成为全局变量:
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
	"我可以显示 " + carName;
function myFunction() 
{
    carName = "Volvo";
}
</script>
//  我可以显示 Volvo

JavaScript 变量生命周期:
JavaScript 变量生命周期在它声明时初始化。
局部变量在函数执行完毕后销毁。
全局变量在页面关闭后销毁。

html中的window对象: 在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。window.carName

数据类型

值类型(基本类型):
字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。

注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。

引用数据类型:对象(Object)、数组(Array)、函数(Function)。
字符串
var x=“我是字符串类型”
数字:
var x=5;
布尔:
var x=true;
var x=false;
数组:
第一种:
var cars=new Array();
cars[0]=“出租车”;
cars[1]=“公交车”;
cars[2]=“小轿车”;
第二种:
var cars=new Array(“出租车”,“公交车”,“小轿车”);
第三种:
var cars=[“出租车”,“公交车”,“小轿车”];
document.write(cars);
输出后是 : 出租车,公交车,小轿车
对象
对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:“John”, lastname:“Doe”, id:5566};
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

可以说 “JavaScript 对象是变量的容器”。
但是,我们通常认为 “JavaScript 对象是键值对的容器”。
键值对通常写法为 name : value (键与值以冒号分割)。
键值对在 JavaScript 对象通常称为 对象属性。

对象键值对的写法类似于:
PHP 中的关联数组
Python 中的字典
C 语言中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希表

寻找:访问属性,你可以使用 .property 或 [“property”]
document.write(person.lastname);
document.write(person[“lastname”]);

对象的方法定义了一个函数,并作为对象的属性存储

var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
	{
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo").innerHTML = person.fullName();
//如果不加括号直接输出表达式
//function() { return this.firstName + " " + this.lastName; }
//加括号输出函数执行结果:John Doe

undefined 和 null
Undefined 这个值表示变量不含有值。 var x;声明一个无值的变量
可以通过将变量的值设置为 null 来清空变量。
声明数据类型 new
当您声明新变量时,可以使用关键词 “new” 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值