JavaScript(四)基础知识(上)

JavaScript 基础知识(上)

目录

JavaScript 语句

分号:通常我们在每条可执行的语句结尾添加分号。在JS中,分号是可选的,可写可不写。

代码块:

空格:JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。

对代码行折行:可以在文本字符串中使用反斜杠对代码行进行换行。

JavaScript 变量

变量的命名规则:

重新声明 JavaScript 变量

JavaScript 数据

JavaScript 数字

JavaScript 数组

JavaScript 对象

Undefined 和 Null

声明变量类型

JavaScript 函数

调用函数时

调用有返回值的函数

局部 JavaScript 变量

全局 JavaScript 变量

JavaScript 变量的生存期

向未声明的 JavaScript 变量分配值


JavaScript 语句

分号:通常我们在每条可执行的语句结尾添加分号。在JS中,分号是可选的,可写可不写。

 

代码块:

JavaScript 可以分批地组合起来。

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

function myFunction()
{
    document.getElementById("demo").innerHTML="你好Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
}

 

空格:JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。

对代码行折行:可以在文本字符串中使用反斜杠对代码行进行换行。

正确的栗子:

document.write("你好 \
世界!");   

错误的栗子:

document.write \ 
("你好世界!");

JavaScript 变量

什么是变量:程序语言中用于存储信息的“容器”。它就好像是数学中的变量x=5,y=6

变量的命名规则:

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

在 JavaScript 中创建变量通常称为"声明"变量。

我们使用 var 关键词来声明变量:

var carname;

变量声明之后,该变量是空的(它没有值)。

如需向变量赋值,请使用等号:

carname="Volvo";

不过,您也可以在声明变量时对其赋值:

var carname="Mike";

在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。

在执行过以下语句后,变量 carname 的值将是 undefined

var carname;

重新声明 JavaScript 变量

如果重新声明 JavaScript 变量,该变量的值不会丢失:

在以下两条语句执行后,变量 carname 的值依然是 "Volvo"(但在大多数程序设计语言中,重复声明是会报错的):

var carname="Volvo"; 
var carname;

 

JavaScript 数据类型

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol(Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值)。

引用数据类型:对象(Object)、数组(Array)、函数(Function)。

 

JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

 

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

极大或极小的数字可以通过科学(指数)计数法来书写:

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

 

JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。

 

JavaScript 对象

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。对象的方法

作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函数)。

属性由逗号分隔:

var person={
    firstname : "John",
    lastname  : "Doe",
    id        :  5566
    fullName : function() 
	{
       return this.firstName + " " + this.lastName;
    }
};

对象属性有两种寻址(调用)方式:

name=person.lastname;
name=person["lastname"];

 

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

 

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

var carname= new String;
var x=       new Number;
var y=       new Boolean;
var cars=    new Array;
var person=  new Object;

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

JavaScript 函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function

function functionname()
{
    // 执行代码
}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

调用函数时

在调用函数时,您可以向其传递值,这些值被称为实际参数。

这些参数可以在函数中使用。

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把形式参数作为变量来声明:

function myFunction(var1,var2)
{
    代码
}

举个栗子

<p>点击这个按钮,来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>

调用有返回值的函数

只是在声明函数时在最后加了一句 return 值;

在调用函数的地方用一个变量或者属性来接收这个函数所返回的值

var s = myFunction();

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。


全局 JavaScript 变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。


JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。


向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。

这条语句:

carname="Volvo";

将声明 window 的一个属性 carname。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值